forked from mirror/pixelfed
125 lines
1.9 KiB
SCSS
125 lines
1.9 KiB
SCSS
@-webkit-keyframes iosDeviceCarousel {
|
|
0% {
|
|
opacity:1;
|
|
}
|
|
17% {
|
|
opacity:1;
|
|
}
|
|
25% {
|
|
opacity:0;
|
|
}
|
|
92% {
|
|
opacity:0;
|
|
}
|
|
100% {
|
|
opacity:1;
|
|
}
|
|
}
|
|
|
|
@-moz-keyframes iosDeviceCarousel {
|
|
0% {
|
|
opacity:1;
|
|
}
|
|
17% {
|
|
opacity:1;
|
|
}
|
|
25% {
|
|
opacity:0;
|
|
}
|
|
92% {
|
|
opacity:0;
|
|
}
|
|
100% {
|
|
opacity:1;
|
|
}
|
|
}
|
|
|
|
@-o-keyframes iosDeviceCarousel {
|
|
0% {
|
|
opacity:1;
|
|
}
|
|
17% {
|
|
opacity:1;
|
|
}
|
|
25% {
|
|
opacity:0;
|
|
}
|
|
92% {
|
|
opacity:0;
|
|
}
|
|
100% {
|
|
opacity:1;
|
|
}
|
|
}
|
|
|
|
@keyframes iosDeviceCarousel {
|
|
0% {
|
|
opacity:1;
|
|
}
|
|
17% {
|
|
opacity:1;
|
|
}
|
|
25% {
|
|
opacity:0;
|
|
}
|
|
92% {
|
|
opacity:0;
|
|
}
|
|
100% {
|
|
opacity:1;
|
|
}
|
|
}
|
|
|
|
#iosDevice {
|
|
position:relative;
|
|
margin:0 auto;
|
|
}
|
|
#iosDevice img {
|
|
position:absolute;
|
|
left:0;
|
|
|
|
-webkit-animation-name: iosDeviceCarousel;
|
|
-webkit-animation-timing-function: ease-in-out;
|
|
-webkit-animation-iteration-count: infinite;
|
|
-webkit-animation-duration: 16s;
|
|
|
|
-moz-animation-name: iosDeviceCarousel;
|
|
-moz-animation-timing-function: ease-in-out;
|
|
-moz-animation-iteration-count: infinite;
|
|
-moz-animation-duration: 16s;
|
|
|
|
-o-animation-name: iosDeviceCarousel;
|
|
-o-animation-timing-function: ease-in-out;
|
|
-o-animation-iteration-count: infinite;
|
|
-o-animation-duration: 16s;
|
|
|
|
animation-name: iosDeviceCarousel;
|
|
animation-timing-function: ease-in-out;
|
|
animation-iteration-count: infinite;
|
|
animation-duration: 16s;
|
|
}
|
|
#iosDevice img:nth-of-type(1) {
|
|
-webkit-animation-delay: 12s;
|
|
-moz-animation-delay: 12s;
|
|
-o-animation-delay: 12s;
|
|
animation-delay: 12s;
|
|
}
|
|
#iosDevice img:nth-of-type(2) {
|
|
-webkit-animation-delay: 8s;
|
|
-moz-animation-delay: 8s;
|
|
-o-animation-delay: 8s;
|
|
animation-delay: 8s;
|
|
}
|
|
#iosDevice img:nth-of-type(3) {
|
|
-webkit-animation-delay: 4s;
|
|
-moz-animation-delay: 4s;
|
|
-o-animation-delay: 4s;
|
|
animation-delay: 4s;
|
|
}
|
|
#iosDevice img:nth-of-type(4) {
|
|
-webkit-animation-delay: 0;
|
|
-moz-animation-delay: 0;
|
|
-o-animation-delay: 0;
|
|
animation-delay: 0;
|
|
}
|