Improved annimations
This commit is contained in:
@ -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;
|
||||
|
Reference in New Issue
Block a user