Diferencia entre revisiones de «Slider.css»
De WikiCafe
(Página creada con «→CSS Sliding Image Gallery for Mediawiki * * @author: Unknown * current version crafted together by [[User:Christharp]] from several CSS sites.: .wrapper { posi…») |
|||
| Línea 60: | Línea 60: | ||
} | } | ||
| + | } | ||
| + | .wrapper:hover{ | ||
| + | -webkit-animation-play-state: paused; | ||
| + | -moz-animation-play-state: paused; | ||
| + | -o-animation-play-state: paused; | ||
| + | -ms-animation-play-state: paused; | ||
| + | cursor: pointer; | ||
} | } | ||
Revisión actual del 19:22 2 mar 2021
/* CSS Sliding Image Gallery for Mediawiki
* * @author: Unknown * current version crafted together by User:Christharp from several CSS sites. */
.wrapper {
position: absolute; top: 1%; width: 4000px;
-webkit-animation: 60s credits linear infinite; -moz-animation: 60s credits linear infinite; -ms-animation:60s credits linear infinite; -o-animation: 60s credits linear infinite; animation: 60s credits linear infinite; }
.wrapper img:hover {
-webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); cursor: pointer;
} @keyframes credits {
0% {
margin-left: 0px;
}
100% {
margin-left: -4000px;
}
}
@-webkit-keyframes credits {
0% {
margin-left: 0px;
}
100% {
margin-left: -4000px; }
} @-moz-keyframes credits {
0% {
margin-left: 0px;
}
100% {
margin-left: -4000px;
}
} @-o-keyframes credits {
0% {
margin-left: 0px;
}
100% {
margin-left: -4000px;
}
} .wrapper:hover{
-webkit-animation-play-state: paused; -moz-animation-play-state: paused; -o-animation-play-state: paused; -ms-animation-play-state: paused; cursor: pointer;
}
