Sallanan Logo Efekti

[admin]

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  Temalar ve Şablonlar Kullandığınınız Tema Global.CSS içerisine girin ve en alt kısıma ekleyin.

PHP Kod: Tümünü Seç Tümünü Kopyala

.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  Temalar & Şablonlar Kullandığını Temanın Şablonları Header Şablonları Header Şablonunu Açın
Bulun:

PHP Kod: Tümünü Seç Tümünü Kopyala

alt="{$mybb->settings['bbname']}" 


Yanına bir boşluk bırakarak aşağıdaki kodu yazın

PHP Kod: Tümünü Seç Tümünü Kopyala

class="logo2" 


Yapmanız gereken tüm işlem bu kadardır.