Template:ShakeMove.css

From Sidson Wiki
Jump to navigationJump to search

@keyframes shake { 0% {left:1px;} 25% {left:1px;top:1px;} 75% {left:-1px;top:1px} 100% {left:1px;} }

@keyframes glow { 0% {text-shadow:0px 0px 0px #fffb00, 0px 0px 2px #fffb00} 50% {text-shadow:0px 0px 0px #fffb00, 0px 0px 0px #fffb00} 75% {text-shadow:0px 0px 40px #fffb00, 0px 0px 8px #fffb00} 100% {text-shadow:0px 0px 0px #fffb00, 0px 0px 2px #fffb00} }

@keyframes move { 0% {transform:skew(-2deg,1deg);} 50% {transform:skew(2deg,-1deg);} 98% {transform:skew(-2deg,0deg);} 99% {transform:skew(3deg,100deg);} 100% {transform:skew(-2deg,1deg);} }

.shake { position:relative; animation-name:shake; animation-duration:0.1s; animation-iteration-count:infinite; }

.glow { animation-name:glow; animation-duration:2s; animation-iteration-count:infinite; }

.move { animation-name:move; animation-duration:60s; animation-iteration-count:infinite; }