Top
Home

Pulse Transition

Simple pulse transition



<style>
.moosepulse{
color: #000;
-webkit-animation: moosepulse 2s ease infinite;
-moz-animation: moosepulse 2s ease infinite;
-ms-animation: moosepulse 2s ease infinite;
-o-animation: moosepulse 2s ease infinite;
animation: moosepulse 2s ease infinite;
}
.moosepulse:hover {color: #fff;}
@-webkit-keyframes moosepulse {
0% {color:#ddd}
50% {color:#00f;}
80% {color:#f00;}
100% {color:#ddd;}
}
@-moz-keyframes moosepulse {
0% {color:#ddd}
50% {color:#00f;}
80% {color:#f00;}
100% {color:#ddd;}
}
@-ms-keyframes moosepulse {
0% {color:#ddd}
50% {color:#00f;}
80% {color:#f00;}
100% {color:#ddd;}
}
@-o-keyframes moosepulse {
0% {color:#ddd}
50% {color:#00f;}
80% {color:#f00;}
100% {color:#ddd;}
}
@keyframes moosepulse {
0% {color:#ddd}
50% {color:#00f;}
80% {color:#f00;}
100% {color:#ddd;}
}
</style>

<span class="moosepulse">Stempien</span>