Inventory item animations much improved

They now leave behind scars when leaving their container, and they weld themselves back into place when returning.
This commit is contained in:
Thaum
2015-02-03 14:07:26 +00:00
parent 63df21934d
commit 38a0039be5
3 changed files with 56 additions and 25 deletions

View File

@@ -18,11 +18,32 @@
padding: 16px;
}
.containerBottom {
margin: 0 -16px -16px -16px;
.equipmentTop {
margin: -16px -16px 0 -16px;
padding: 16px;
}
.containerMain {
margin: 0 -16px -16px -16px;
padding-bottom: 16px;
}
.equipmentMain {
margin: 0 -16px -16px -16px;
padding-bottom: 16px;
}
.inventoryItem {
background: white;
transition: box-shadow 0.35s cubic-bezier(0.4, 0, 0.2, 1);
margin: 1px 0 1px 0;
}
.inventoryItem[hero] {
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
.itemSlot {
background-color: rgb(232, 232, 232);
background-color: rgba(0, 0, 0, 0.1);
}