MediaWiki:TestingRealm.css

/*Test Fade*/ .text { position:relative; line-height:2em; overflow:hidden; } .fadingEffect { position:absolute; top:0; bottom:0; right:0; width:100%; background:white; -moz-animation: showHide 3s ease-in; /* Firefox */ -webkit-animation: showHide 3s ease-in; /* Safari and Chrome */ -ms-animation: showHide 3s ease-in ; /* IE10 */ -o-animation: showHide 3s ease-in; /* Opera */ animation: showHide 3s ease-in; } @-webkit-keyframes showHide { /* Chrome, Safari */ 0% {width:100%} 40% {width:0%} 60% {width:0%;} 100% {width:100%;} } @-moz-keyframes showHide { /* FF */ 0% {width:100%} 40% {width:0%} 60% {width:0%;} 100% {width:100%;} } @-o-keyframes showHide { /* Opera */ 0% {width:100%} 40% {width:0%} 60% {width:0%;} 100% {width:100%;} } @keyframes showHide { 0% {width:100%} 40% {width:0%} 60% {width:0%;} 100% {width:100%;} }