링크에 호버 천이를 추가하는 방법은 무엇입니까?

Question

내 링크에 전환 효과를 추가하고 싶습니다. text-decoration (즉 underlink)이 천천히 나타나기를 바랍니다. Ive이 시도하고 작동하지 않습니다 :

#slink{ 
    transition-property: text-decoration; 
    transition-duration: 500ms; 
    transition-timing-function: linear; 
} 
#slink:hover{ 
    background: none; 
} 

작동하려면 어떻게해야합니까?

Answer 1

border-bottom을 사용할 수 있습니다!

a { 
    transition: border-bottom 1s ease; 
} 
a:hover { 
    border-bottom: 1px solid blue; 
}