Kenapa transitionnya tidak berjalan ?

Jadi saya habis belajar transition di css untuk hover, trus mau coba diaplikasikan, tapi pas dicoba transisi gak jalan

 #home:hover, #message:hover, #faq:hover, #contact:hover{
  width: 200px; transition : width: 1s;

css

@Siikakamania

9 Kontribusi 1 Poin

Diperbarui 6 tahun yang lalu

3 Jawaban:

Transition nya bukan di :hover nya gan ditulis.. Tapi di


#home,
#message,
#faq{
transition: all 1s;
}

@arepsv

100 Kontribusi 64 Poin

Dipost 6 tahun yang lalu

Jawaban Terpilih

Lebih tepatnya begini. Asumsi width awal 100px

#home, #message, #faq, #contact {
    width: 100px;
    transition: width 1s;
}
#home:hover, #message:hover, #faq:hover, #contact:hover {
    width: 200px;
}

@rachmatsasongko

410 Kontribusi 426 Poin

Dipost 6 tahun yang lalu

terimakasih banyak gan

@Siikakamania

9 Kontribusi 1 Poin

Dipost 6 tahun yang lalu

Kelas Premium! Belajar bikin website dari nol sekarang

Kenapa transitionnya tidak berjalan ?

Kelas Premium!
Belajar bikin website dari nol sekarang