Logoya Sallanma Efekti Verme

[Ciri]

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

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:

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

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

Yanına bir boşluk bırakarak aşağıdakini ekleyin.

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

class="logo2"

Demo;
http://wtsupport.10tl.net/index.php

Anlatım: Screwy
Kaynak: TR.MYBBDEPO.COM

[Secilmis42]

Bu kodlar siteyi yavaşlatabiliyor teşekkürler :)

[TrLyy]

Paylaşım İçin Teşekürler

[The Legend]

Paylaşım İçin Teşekürler

[Saint]

Menü'nüzüde paylaşıcakmısınız ?

[Ciri]

Menü'nüzüde paylaşıcakmısınız ?

Evet. Paylaşıcam.

[ReaLFasT]

Bu kodlar siteyi yavaşlatabiliyor teşekkürler :)

[Ciri]

Çok yavaşlattığını düşünmüyorum. İsteyenler kodu eklemeden önce ve ekledikten sonra site hız ölçümü yapabilirler.