여러 텍스트 그림자가 어떻게 순서대로 표시됩니까?

Question

transition: all .4s steps(4, end);을 사용해 보았습니다. 물론 전환의 .4s에 하나의 그림자가 나타나고 그 다음과 다음이 나타나기를 원하지만 모든 그림자는 4 단계로 나타납니다. this is the site.

CSS : transition의 첫 번째 매개 변수는 속성이있는 당신이 전환을 적용 할 것입니다

a { 
    color: white; 
    text-decoration: none; 
} 
a:hover, a:active { 
    text-decoration: line-through; 
    transition: all .4s steps(4, end); 
    text-shadow: 6px 2px rgba(255, 255, 255, .4), -6px 2px rgba(255, 255, 255, .8), 6px -2px rgba(255, 255, 255, .2), -6px -2px rgba(255, 255, 255, .6); 
} 

Answer 1

. 귀하의 경우에 당신은 all를 지정하고 이미 4 단계를 통해 이동을 요구하고 있기 때문에 아마 당신은, 그리고 text-shadow 만 최종 상태를 지정

text-shadow를 지정해야합니다.

나는 코드를 확인하고 그것을 잘 작동하는 것 같다 :

a { 
color: white; 
text-decoration: none; 
} 
a:hover, a:active { 
    text-decoration: line-through; 
    transition: text-shadow .4s steps(4, end); 
    text-shadow: 6px 2px rgba(255, 255, 255, .6); 
}