lostyazilim
tr.link

CSS Efektlerinin Mantıgı Hakkında

6 Mesajlar 771 Okunma
acebozum
tr.link

PorFavorDama PorFavorDama WM Aracı Kullanıcı
  • Üyelik 20.01.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek -
  • Konum Adana
  • Ad Soyad B** K**
  • Mesajlar 511
  • Beğeniler 152 / 44
  • Ticaret 0, (%0)
Merhaba arkadaslar CSS de a:hover falan buradaki a linkler için anladıgım kadarıyla ? Yani bende diyorum ki mesela herhanti bir textim var buna nasıl hover verebilirim id="text" diyelim mesela ?

#text:hover{...} tarzı bır sey mı yazmam gerekıyor?
 

 

wmaraci
reklam

cgrclk cgrclk Fortis Fortuna Adiuvat Kullanıcı
  • Üyelik 18.11.2011
  • Yaş/Cinsiyet 35 / E
  • Meslek Web Developer
  • Konum İstanbul Avrupa
  • Ad Soyad B** Ç**
  • Mesajlar 3270
  • Beğeniler 1014 / 1983
  • Ticaret 53, (%100)
Evet aynen söylediğin gibi, #text:hover{...} şeklinde yazabilirsin.
PorFavorDama

kişi bu mesajı beğendi.

Berke Berke Yine Yeni Yeniden Kullanıcı
  • Üyelik 03.02.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek Öğrenci
  • Konum İstanbul Anadolu
  • Ad Soyad B** G**
  • Mesajlar 1097
  • Beğeniler 2 / 208
  • Ticaret 1, (%100)
#text:hover{...} yazının üstüne gelince yazdığın kodlar uygulanır.
#text a:hover{...} linklerin üstüne gelince uygulanır.
PorFavorDama

kişi bu mesajı beğendi.

PorFavorDama PorFavorDama WM Aracı Kullanıcı
  • Üyelik 20.01.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek -
  • Konum Adana
  • Ad Soyad B** K**
  • Mesajlar 511
  • Beğeniler 152 / 44
  • Ticaret 0, (%0)

cgrclk adlı üyeden alıntı

Evet aynen söylediğin gibi, #text:hover{...} şeklinde yazabilirsin.


Teşekkür ederim yavas yavas öğrenıyorum elimden geldiğince bırde ıcıne yazdıgım kodlar bazen calısmıyor bunun nedenı nedır ? Mesela sağa kaydırıcam diyelim üzerine gelindiğinde

#text:hover {
width:52px;
transition:width .. tarzı ne yazmaam gerekıyor hocam ?

Ek Olarak:

Berke adlı üyeden alıntı

#text:hover{...} yazının üstüne gelince yazdığın kodlar uygulanır.
#text a:hover{...} linklerin üstüne gelince uygulanır.


Sizede cok tesekkür ederim :)
 

 

wmaraci
wmaraci

cArleone cArleone WM Aracı Kullanıcı
  • Üyelik 26.11.2013
  • Yaş/Cinsiyet 30 / E
  • Meslek Web master
  • Konum Isparta
  • Ad Soyad A** M**
  • Mesajlar 225
  • Beğeniler 85 / 59
  • Ticaret 9, (%100)
seçici:hover

.class:hover{}
#id:hover{}
tag:hover{}
en temel seçiciler bunlar.hover olduğunda o objenin alt nesnelerinede erişebilirsin. örnek

#id:hover a{}
id hover olunca idin içindeki a ya etki et gibi.

seçiciler hakkında nette bir çok kaytnak mevcut inceleyebilirsin.
http://ustaderslik.com/konu/CSS_Ders-1_Giriş_ve_Seçiciler
 

 

www.ustaderslik.com

PorFavorDama PorFavorDama WM Aracı Kullanıcı
  • Üyelik 20.01.2014
  • Yaş/Cinsiyet 29 / E
  • Meslek -
  • Konum Adana
  • Ad Soyad B** K**
  • Mesajlar 511
  • Beğeniler 152 / 44
  • Ticaret 0, (%0)

cArleone adlı üyeden alıntı

seçici:hover

.class:hover{}
#id:hover{}
tag:hover{}
en temel seçiciler bunlar.hover olduğunda o objenin alt nesnelerinede erişebilirsin. örnek

#id:hover a{}
id hover olunca idin içindeki a ya etki et gibi.

seçiciler hakkında nette bir çok kaytnak mevcut inceleyebilirsin.
http://ustaderslik.com/konu/CSS_Ders-1_Giriş_ve_Seçiciler


Teşekkür ederim inceliyorum :)
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al