CSS Hover Efekti

redline 1405 gün önce

676 defa görüntülendi ve 1 kişi tarafından değerlendirildi

Merhaba PT.

Burada bulunan sitede, soldaki menüdeki hover efektini (üzerine gelince sallanan) almaya çalışıyorum. Bir türlü sadeleştirip efekti alamadım.

Kendim yapmaya çalıştım, bu kadar yumuşak olmadı.

Sitedekinin aynısını alıp buraya ekleyecek bir hayır sever var mıdır? :)

css html javascript jquery

mubado

1405 gün önce

<code>

 .icon{
    animation: .5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both ob;
    backface-visibility: hidden;
    transform-origin: top right;
}

</code>

<code>

@keyframes ob { 0%, 100% {

transform: rotate(0);

}
15% {

transform: rotate(5deg);

}
30% {

transform: rotate(-5deg);

}
45% {

transform: rotate(4deg);

}
60% {

transform: rotate(-4deg);

}
75% {

transform: rotate(2deg);

}
85% {

transform: rotate(-2deg);

}
92% {

transform: rotate(1deg);

}
}
</code>

#009900