wmzilla.com | Webmaster ve grafikerler paylaşım , ticaret platformu

Geri git   wmzilla.com | Webmaster ve grafikerler paylaşım , ticaret platformu > Webmaster kulübü > HTML - CSS > Html dersleri
GET sistemi
Hakkimizda Messenger indir GET Platinum Card Etkinlik Takvimi Forum Kurallari Konum Belirleme Lokasyon ve Destek Ofisi

GET Platinum Card

Yeni Konu aç Cevapla
 
LinkBack Seçenekler Stil
  #1  
Alt 04.02.2014, 22:56
Sabotay - ait Kullanıcı Resmi (Avatar)
 
Şubesi Bilinmiyor
Üyelik: 05.09.2013
Ticaret Sayısı: (0)
Ticaret Yüzdesi:(%)
Ad-Soyad:
Nereden:
Konular: 172
Mesaj Sayısı:207
Blog girişleri:
Standart CSS ile Mause üzerine Geldiğinde Büyüyen Div


dc.tc

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


Şu Anki Saat: 04:42

Forum Hakkımızda
Powered by vBulletin® Version 3 (Licensed by WMZILLA INC.)
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.

© 2014 wmzilla.com | WMZilla Bir Netra iştirakıdır.
09:00 - 20:00 Destek hattı : +31640337288
WMZilla lokasyon ve yazılım ofisi :
Loevesteinlaan 923 2533CC Den haag / Netherlands
WMZilla
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. sosyal medya bayilik paneli