WMZILLA ® | Webmaster Forumu
Go Back   WMZILLA ® | Webmaster Forumu > Webmaster Dünyası > HTML - CSS > Html dersleri
GET sistemi
Hakkimizda Messenger indir GET Platinum Card Etkinlik Takvimi Forum Kurallari Konum Belirleme Lokasyon ve Destek Ofisi

Yeni Konu aç Cevapla
 
LinkBack Seçenekler Stil
  #1  
Alt 04 Şubat 2014, 22:56
Sabotay - ait Kullanıcı Resmi (Avatar)
 
Şubesi Bilinmiyor
Üyelik: 05 Eylül 2013
Ticaret Sayısı: (0)
Ticaret Yüzdesi:(%)
Ad-Soyad:
Konular: 172
Mesaj Sayısı:207
Beğeniler: 0 / 0
İlgi Alanı:
Standart CSS ile Mause üzerine Geldiğinde Büyüyen Div

Bu dersimizde CSS ile mouse ile üzerine geldiğinde büyüyen ve rengi değişen bir script yapacağız..

Ben bu scripti css kayma olarak kaydettim.

@charset "utf-8";
#style {
background-color:#666666; /* Burada htmlde tanımlı olan cssin ilk görüntü rengini veriyoruz siz isterseniz resimde koyabilirsiniz */
height: 200px; /* burada yüksekliği belirliyoruz */
width: 300px; /* genişliği belirliyoruz */
-webkit-transition-property: height; /* burada "height" yani büyüklük değişsin diyoruz yani mause üzerine geldiğinde büyüyecek width deseydik genişleyecti */
/* burada eğer hem yükseklik ve genişlik büyüsün istenirse "-webkit-transition-property: height;, width" kodunu yazmalıyız ve 17. satıdaki gibi olmasını istediğimiz genişliğide vermeliyiz */
-webkit-transition-timing-function;
ease-in;
-webkit-transition-duration:2s;
-webkit-transition-delay:0.5s; /* kayma hızını belirliyoruz */

}
#style:hover {
background-color:#0099FF; /* mause üzerine geldiğinde alacağı rengi seçtik */
height: 500px; /* yukardada 7. satırda belirttiğimiz heiht'ın olmasını isteğimiz değerini veriyoruz */
overflow:hidden;
}


Evet şu anda scriptimiz bitti ve sırada bunu HTML'de açması kaldı.

<link href="css Kayma.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="style"></div>
</body>
</html>

Alıntı ile Cevapla
Sponsored Links
Cevapla


Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)
 
Seçenekler
Stil


Tüm Zamanlar GMT +2 Olarak Ayarlanmış. Şuanki Zaman: 06:43.

Forum Hakkımızda
Powered by vBulletin® Version 3.8.6
Copyright ©2000 - 2020, vBulletin Solutions, Inc.

webmaster forumu
DMCA.com Protection Status

Bir forum sitesi olan wmzilla.com üzerinde, forum kullanıcıları 5651 sayılı kanun'un ilgili maddesine ve T.C.K'nın 125. maddesine göre yaptıkları paylaşımlardan sorumludur, kullanıcı bazlı herhangi bir durumdan wmzilla.com sorumlu değildir. Tüm hukuksal bildirimlerde bulunmak için abuse@wmzilla.com adresi ile iletişime geçebilirsiniz bu çerçevede, wmzilla.com yönetimi tarafından en geç 7 iş günü içerisinde tarafınıza dönüş yapılacaktır.

rp satın al hd film izle gaziantep günlük daire gaziantep rezidans güvenilir bahis siteleri
gaziantep escort marmaris escort escort bayan ankara escort escort ankara deneme bonusu
We Google