MediaWiki:Common.css: Difference between revisions

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(40px, 30px, 0px);
    animation-timing-function: ease-in;
    opacity: 1;
  }

  100% {
    transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px);
    opacity: 0;
  }
}