CSS3 ile Rüzgar Gülü Yapımı

CSS3 ile hareketli rüzgar gülü yapıyoruz...

CSS3 ile hareketli rüzgar gülü yapıyoruz...



CSS //


body{background:url(gok.jpg);}



#govde{

background: url("cbk.png") no-repeat scroll center 110px transparent; height: 250px; left: 200px; position: relative; top: 240px; width: 150px;

}



img{animation:ruzgar 3s linear infinite;

animation-play-state:paused;}



img:hover{

animation-play-state:running;

}



@keyframes ruzgar{

100%{transform:rotate(1turn);}

}

  • Etiketler;
Mehmet Ali Yılmaz
Web, tasarım, internet, teknoloji ve mucizelerini takip etmekten, kod yazmaktan, Firefox çevirilerine destek olmaktan mutluluk duyan asosyal/ist bir kişilik...
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Keşke Kullanılan Dosyaların Dowland Linklerini Koysaydınız Daha İyi Olurdu Şahsen :)
@TechGanster aslında gerekduymadım! Sizde farklı arka planlar ve farklı bir nesne ile yapabilirsiniz.

Yukarı Git