TextAnim

Animated Text Shadow

3D Animate Shadow

HTML

<div class="d3text" style="font-size: 120px;">
3D Animate Shadow</div>

CSS

/*--Start---3D----------------------------------------start*/
.d3text {padding: 5px 70px 60px 5px; margin: 4px; color: red; font-weight: 900;
    -webkit-animation: da3 5s infinite;
    animation: da3 5s infinite;
}

@-webkit-keyframes da23 {
             50% {text-shadow: 1px 1px 1px blue, 2px 2px 1px blue, 3px 3px 1px blue, 4px 4px 1px blue, 5px 5px 1px blue, 6px 6px 1px blue, 7px 7px 1px blue, 8px 8px 1px blue, 9px 9px 1px blue, 10px 10px 1px blue, 11px 11px 1px blue, 12px 12px 1px blue, 13px 13px 1px blue, 14px 14px 1px yellow;}
   
}

@keyframes da3 {
    50% {text-shadow: -1px -1px 4px yellow, 1px 1px 1px blue, 3px 3px 1px blue, 5px 5px 1px blue, 7px 7px 1px blue, 9px 9px 1px blue, 11px 11px 1px blue, 13px 13px 1px blue, 15px 15px 1px blue, 17px 17px 1px blue, 19px 19px 1px blue, 21px 21px 1px blue, 23px 23px 1px blue, 25px 25px 1px blue, 27px 27px 1px blue, 29px 29px 1px blue, 31px 31px 1px blue, 33px 33px 1px blue, 35px 35px 1px blue, 37px 37px 80px yellow, 38px 38px 80px yellow, 39px 39px 80px yellow;}
}
/*--End-----3D----------------------------------------end*/