MediaWiki:Common.css: Difference between revisions
From Liberation Map
No edit summary |
No edit summary |
||
| Line 6: | Line 6: | ||
} | } | ||
#Mlkihaveadreamcolorizedpubdom1 img { | #Mlkihaveadreamcolorizedpubdom1 img { | ||
animation: kenburns | #animation: kenburns 40s infinite; | ||
} | } | ||
@keyframes kenburns { | @keyframes kenburns { | ||
Revision as of 15:27, 1 July 2022
/* CSS placed here will be applied to all skins */
/* Setup for Ken Burns effect on MLK image - https://www.kirupa.com/html5/ken_burns_effect_css.htm */
#Mlkihaveadreamcolorizedpubdom1 {
overflow: hidden;
}
#Mlkihaveadreamcolorizedpubdom1 img {
#animation: kenburns 40s infinite;
}
@keyframes kenburns {
0% {
opacity: 0;
}
5% {
opacity: 1;
}
95% {
transform: scale3d(1.5, 1.5, 1.5) translate3d(40px, 30px, 0px);
animation-timing-function: ease-in;
opacity: 1;
}
100% {
transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px);
opacity: 0;
}
}
