Diferencia entre revisiones de «Galería de imágenes»
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 { posit…») |
|||
| Línea 4: | Línea 4: | ||
* current version crafted together by [[User:Christharp]] from several CSS sites. | * current version crafted together by [[User:Christharp]] from several CSS sites. | ||
*/ | */ | ||
| + | |||
.wrapper { | .wrapper { | ||
position: absolute; | position: absolute; | ||
top: 1%; | top: 1%; | ||
width: 4000px; | 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; } | + | -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 { | .wrapper img:hover { | ||
| Línea 17: | Línea 23: | ||
transform: scale(1.4); | transform: scale(1.4); | ||
cursor: pointer; | cursor: pointer; | ||
| − | } @keyframes credits { | + | } |
| + | @keyframes credits { | ||
0% { | 0% { | ||
margin-left: 0px; | margin-left: 0px; | ||
| Línea 24: | Línea 31: | ||
margin-left: -4000px; | margin-left: -4000px; | ||
} | } | ||
| + | |||
} | } | ||
| Línea 33: | Línea 41: | ||
margin-left: -4000px; | margin-left: -4000px; | ||
} | } | ||
| − | } @-moz-keyframes credits { | + | |
| + | } | ||
| + | @-moz-keyframes credits { | ||
0% { | 0% { | ||
margin-left: 0px; | margin-left: 0px; | ||
| Línea 40: | Línea 50: | ||
margin-left: -4000px; | margin-left: -4000px; | ||
} | } | ||
| − | } @-o-keyframes credits { | + | |
| + | } | ||
| + | @-o-keyframes credits { | ||
0% { | 0% { | ||
margin-left: 0px; | margin-left: 0px; | ||
| Línea 47: | Línea 59: | ||
margin-left: -4000px; | margin-left: -4000px; | ||
} | } | ||
| + | |||
} | } | ||
Revisión del 18:41 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;
}
}
