adphi/YTSFlix_Go
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Improved annimations

Browse Source
This commit is contained in:
Adphi
2018-11-04 19:00:15 +01:00
parent 6d1a924d53
commit 6099b72570
6 changed files with 71 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
static/index.html
View File

@@ -122,20 +122,21 @@
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;
}
.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;

13
static/list.html
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;

2
static/nav.html
View File

@@ -11,7 +11,7 @@
height: 70px;
position: fixed;
top: 0;
z-index: 2;
z-index: 10;
}
a:link,