MyBB Depo Forum
Logoya Sallanma Efekti Verme - Baskı Önizleme

+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Mybb Ders Deposu (https://mybbdepo.com/mybb-ders-deposu-forumu)
+--- Forum: Grafik & Tasarım Ders Deposu (https://mybbdepo.com/grafik-tasarim-ders-deposu-forumu)
+--- Konu Başlığı: Logoya Sallanma Efekti Verme (/logoya-sallanma-efekti-verme-konusu.html)

Logoya Sallanma Efekti Verme - Screwy - 29-01-2014

resim

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


Cvp: Logoya Sallanma Efekti Verme - sp4wn - 29-01-2014

Başka bir sitede yaklaşık 2 ay önce falan paylaşılmıştı sanırım Açık Ağızlı Gülümseme

Cvp: Logoya Sallanma Efekti Verme - BlackCat - 29-01-2014

Teşekkürler kardeşim, faydalı konu. Süper

Cvp: Logoya Sallanma Efekti Verme - duruk - 01-02-2014

(29-01-2014, Saat:15:03)sp4wn Adlı Kullanıcıdan Alıntı: Başka bir sitede yaklaşık 2 ay önce falan paylaşılmıştı sanırım Açık Ağızlı Gülümseme
Sanmıyorum.

Cvp: Logoya Sallanma Efekti Verme - Bursia - 31-08-2015

çok ama çok faydalı bi konu blogger siteme de uyguladım Gülümseme