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;
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
Post a Comment