Difference between revisions of "MediaWiki:Common.css"
From Cognitive Liberty MediaWiki 1.27.4
Line 24: | Line 24: | ||
transform: translate(500px,0px) ; | transform: translate(500px,0px) ; | ||
} | } | ||
− | + | 6% { | |
− | opacity:0. | + | opacity:0.12; |
+ | transform: translate(500px,0px) ; | ||
+ | } | ||
+ | 9% { | ||
+ | opacity:1; | ||
+ | transform: translate(500px,0px) ; | ||
+ | } | ||
+ | 13% { | ||
+ | opacity:1; | ||
transform: translate(500px,0px) ; | transform: translate(500px,0px) ; | ||
} | } | ||
Line 39: | Line 47: | ||
-moz-transform: translate(500px,0px) ; | -moz-transform: translate(500px,0px) ; | ||
} | } | ||
− | + | 6% { | |
− | opacity:0. | + | opacity:0.12; |
+ | -moz-transform: translate(500px,0px) ; | ||
+ | } | ||
+ | 9% { | ||
+ | opacity:1; | ||
+ | -moz-transform: translate(500px,0px) ; | ||
+ | } | ||
+ | 13% { | ||
+ | opacity:1; | ||
-moz-transform: translate(500px,0px) ; | -moz-transform: translate(500px,0px) ; | ||
} | } | ||
Line 54: | Line 70: | ||
-webkit-transform: translate(500px,0px) ; | -webkit-transform: translate(500px,0px) ; | ||
} | } | ||
− | + | 6% { | |
− | opacity:0. | + | opacity:0.12; |
+ | -webkit-transform: translate(500px,0px) ; | ||
+ | } | ||
+ | 9% { | ||
+ | opacity:1; | ||
+ | -webkit-transform: translate(500px,0px) ; | ||
+ | } | ||
+ | 13% { | ||
+ | opacity:1; | ||
-webkit-transform: translate(500px,0px) ; | -webkit-transform: translate(500px,0px) ; | ||
} | } | ||
Line 69: | Line 93: | ||
-o-transform: translate(500px,0px) ; | -o-transform: translate(500px,0px) ; | ||
} | } | ||
− | + | 6% { | |
− | opacity:0. | + | opacity:0.12; |
+ | -o-transform: translate(500px,0px) ; | ||
+ | } | ||
+ | 9% { | ||
+ | opacity:1; | ||
+ | -o-transform: translate(500px,0px) ; | ||
+ | } | ||
+ | 13% { | ||
+ | opacity:1; | ||
-o-transform: translate(500px,0px) ; | -o-transform: translate(500px,0px) ; | ||
} | } | ||
Line 84: | Line 116: | ||
-ms-transform: translate(500px,0px) ; | -ms-transform: translate(500px,0px) ; | ||
} | } | ||
− | + | 6% { | |
− | opacity:0. | + | opacity:0.12; |
+ | -ms-transform: translate(500px,0px) ; | ||
+ | } | ||
+ | 9% { | ||
+ | opacity:1; | ||
+ | -ms-transform: translate(500px,0px) ; | ||
+ | } | ||
+ | 13% { | ||
+ | opacity:1; | ||
-ms-transform: translate(500px,0px) ; | -ms-transform: translate(500px,0px) ; | ||
} | } |
Latest revision as of 05:45, 11 November 2018
/* CSS placed here will be applied to all skins */ @import url("http://cognitive-liberty.online/wiki/animate.css"); .mw-wiki-logo{ animation: animationFrames linear 1.2s; animation-iteration-count: 1; transform-origin: 50% 50%; -webkit-animation: animationFrames linear 1.2s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -moz-animation: animationFrames linear 1.2s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -o-animation: animationFrames linear 1.2s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -ms-animation: animationFrames linear 1.2s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; } @keyframes animationFrames{ 0% { opacity:0; transform: translate(500px,0px) ; } 6% { opacity:0.12; transform: translate(500px,0px) ; } 9% { opacity:1; transform: translate(500px,0px) ; } 13% { opacity:1; transform: translate(500px,0px) ; } 100% { opacity:1; transform: translate(0px,0px) ; } } @-moz-keyframes animationFrames{ 0% { opacity:0; -moz-transform: translate(500px,0px) ; } 6% { opacity:0.12; -moz-transform: translate(500px,0px) ; } 9% { opacity:1; -moz-transform: translate(500px,0px) ; } 13% { opacity:1; -moz-transform: translate(500px,0px) ; } 100% { opacity:1; -moz-transform: translate(0px,0px) ; } } @-webkit-keyframes animationFrames { 0% { opacity:0; -webkit-transform: translate(500px,0px) ; } 6% { opacity:0.12; -webkit-transform: translate(500px,0px) ; } 9% { opacity:1; -webkit-transform: translate(500px,0px) ; } 13% { opacity:1; -webkit-transform: translate(500px,0px) ; } 100% { opacity:1; -webkit-transform: translate(0px,0px) ; } } @-o-keyframes animationFrames { 0% { opacity:0; -o-transform: translate(500px,0px) ; } 6% { opacity:0.12; -o-transform: translate(500px,0px) ; } 9% { opacity:1; -o-transform: translate(500px,0px) ; } 13% { opacity:1; -o-transform: translate(500px,0px) ; } 100% { opacity:1; -o-transform: translate(0px,0px) ; } } @-ms-keyframes animationFrames { 0% { opacity:0; -ms-transform: translate(500px,0px) ; } 6% { opacity:0.12; -ms-transform: translate(500px,0px) ; } 9% { opacity:1; -ms-transform: translate(500px,0px) ; } 13% { opacity:1; -ms-transform: translate(500px,0px) ; } 100% { opacity:1; -ms-transform: translate(0px,0px) ; } }