Improved annimations

This commit is contained in:
2018-11-04 19:00:15 +01:00
parent 6d1a924d53
commit 6099b72570
6 changed files with 71 additions and 23 deletions

View File

@ -57,7 +57,6 @@
display: inline-block;
width: 143px;
height: 201px;
margin-right: 10px;
font-size: 20px;
cursor: pointer;
transition: 450ms all;
@ -126,22 +125,22 @@
width: 130px;
}
.row__inner:hover {
-webkit-transform: translate3d(-10.724999999999994px, 0, 0);
transform: translate3d(-10.724999999999994px, 0, 0);
/*-webkit-transform: translate3d(-10.724999999999994px, 0, 0);*/
/*transform: translate3d(-10.724999999999994px, 0, 0);*/
}
.row__inner:hover .tile {
opacity: 0.6;
z-index: 1;
}
.row__inner:hover .tile:hover {
-webkit-transform: scale(1.15);
transform: scale(1.15);
-webkit-transform: scale(1.15) translate3d(-11px, 0, 0);
transform: scale(1.15) translate3d(-11px, 0, 0);
opacity: 1;
z-index: 2;
}
.tile:hover ~ .tile {
-webkit-transform: translate3d(21.44999999999999px, 0, 0);
transform: translate3d(21.44999999999999px, 0, 0);
/*-webkit-transform: translate3d(-21.44999999999999px, 0, 0);*/
/*transform: translate3d(-21.44999999999999px, 0, 0);*/
}
.category-title {
margin: 0;