css3 - Chrome CSS transition + text shadow issue -


a {     transition: text-shadow, 0.5s, ease;     display: block;     padding: 20px 0px 20px 0px;     color: #fff;     text-shadow:  #343434 1px 1px 1px;     text-decoration: none; }  a:hover {     color: #fff;     text-shadow:         #343434 1px 1px 1px,         0 0 10px #fff,         0 0 20px #fff,         0 0 30px #fff,         0 0 40px #ff00de,         0 0 70px #ff00de,         0 0 80px #ff00de,         0 0 100px #ff00de,         0 0 150px #ff00de;       text-decoration: none; } 

transition + text shadow works flawless firefox, not working chrome, know how fix this?

please open following link firefox chrome, see differences;

http://jsfiddle.net/tfke8/

thanks help!

ps: tried -webkit-transition, won't work

there might mistake in syntax, try without commas:

transition: text-shadow 0.5s ease; 

this gives smooth transition in chrome 30.0.1599.69.


Comments

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

rewrite - Trouble with Wordpress multiple custom querystrings -