Merhaba arkadaşlar;
Sizlere bugün temalarımın hemen hemen hepsinde kullandığım logoya sallanma efektinin yapımını göstereceğim...
Hemen Anlatıma Geçelim.
Admin Paneli :sag_ok: Temalar & Şablonlar :sag_ok: Kullandığını Tema :sag_ok: Global.CSS içerisine girin ve en alt kısıma ekleyin.
Kod:
.logo2 {
transform-origin: center center;
-moz-transform-origin: center center;
-webkit-transform-origin: center center;
}
.logo2:hover {
animation: 0.5s ease 0s normal none infinite swing;
-moz-animation: 0.5s ease 0s normal none infinite swing;
-webkit-animation: 0.5s ease 0s normal none infinite swing;
}
@Keyframes swing {
0% {
transform: rotate(5deg);
}
50% {
transform: rotate(-5deg);
}
100%{
transform: rotate(5deg);
}
}
@-moz-keyframes swing {
0% {
-moz-transform: rotate(5deg);
}
50% {
-moz-transform: rotate(-5deg);
}
100%{
-moz-transform: rotate(5deg);
}
}
@-webkit-keyframes swing {
0% {
-webkit-transform: rotate(5deg);
}
50% {
-webkit-transform: rotate(-5deg);
}
100%{
-webkit-transform: rotate(5deg);
}
}
Daha Sonra
Admin Paneli :sag_ok: Temalar & Şablonlar :sag_ok: Kullandığını Temanın Şablonları :sag_ok: Header Şablonları :sag_ok: Header Şablonunu Açın
Bulun:
Kod:
alt="{$mybb->settings['bbname']}"
Yanına bir boşluk bırakarak aşağıdakini ekleyin.
Kod:
class="logo2"
Yapmanız gereken tüm işlem bu kadardır.
Demo:
Kod:
http://www.mmodepo.com/
Kaynak:
Kod:
http://www.mmodepo.com/html-css-seo/1503-logoya-sallanma-efekti-verme.html