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 20s infinite; | |||
} | } | ||
@keyframes kenburns { | @keyframes kenburns { | ||
| Line 18: | Line 18: | ||
95% { | 95% { | ||
transform: scale3d(1.5, 1.5, 1.5) translate3d( | transform: scale3d(1.5, 1.5, 1.5) translate3d(90px, 60px, 0px); | ||
animation-timing-function: ease-in; | animation-timing-function: ease-in; | ||
opacity: 1; | opacity: 1; | ||
Revision as of 15:26, 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 20s infinite;
}
@keyframes kenburns {
0% {
opacity: 0;
}
5% {
opacity: 1;
}
95% {
transform: scale3d(1.5, 1.5, 1.5) translate3d(90px, 60px, 0px);
animation-timing-function: ease-in;
opacity: 1;
}
100% {
transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px);
opacity: 0;
}
}
