Це досить просте запитання, але я не можу знайти дуже гарну документацію про властивості переходу CSS. Ось фрагмент CSS:
.nav a
{
text-transform:uppercase;
text-decoration:none;
color:#d3d3d3;
line-height:1.5 em;
font-size:.8em;
display:block;
text-align:center;
text-shadow: 0 -1.5em 0 rgba(255, 255, 255, 0.15);
-webkit-transition: color .2s linear;
-moz-transition: color .2s linear;
-o-transition: color .2s linear;
transition: color .2s linear;
-webkit-transition: text-shadow .2s linear;
-moz-transition: text-shadow .2s linear;
-o-transition: text-shadow .2s linear;
transition: text-shadow .2s linear;
}
.nav a:hover
{
color:#F7931E;
text-shadow: 0 1.5em 0 rgba(247, 147, 30, 0.15);
}
Як бачимо, перехідні властивості перезаписуються на інше. Наразі, текстова тінь буде оживляти, але не колір. Як змусити їх обох одночасно оживляти? Дякую за будь-які відповіді.
transition: all
це дуже баггі для сафарі / ipad: joelglovier.com/writing/…