https://volkanatabey.com.tr adresli sitemin logosunun üzerine gelince fotoğrafım çıkıyor. Ancak ben bunu görsel bir şekilde geçiş istiyorum nasıl efek veririm değişim sırasında?
Geçiş dediğiniz keyframe animation ile fade tadında efektler vermek sanırım? Çünkü zaten :hover tanımını yapmışsınız.
Şöyle ki;
@keyframes efektAdiniz{
from{
opacity:0;
}to{
opacity:1;
}
}
Gibi bir efekt oluşturduktan sonra;
.logo:hover{
animation: efektAdiniz 3s forwards; /* 3s, 3 saniye anlamına gelmektedir. */
}
Efekti logonuzun bulunduğu classa özellik olarak ekleyebilirsiniz... (Şu sayfaya bakmanızda fayda var;
https://www.w3schools.com/css/css3_animations.asp)