Bootstrap ile resim hover efekti nasıl yapabilirim? |
11 Mesajlar | 2.807 Okunma | ||
- Üyelik 11.07.2015
- Yaş/Cinsiyet 34 / E
- Meslek Ögrenci
- Konum Bursa
- Ad Soyad G** G**
- Mesajlar 191
- Beğeniler 0 / 12
- Ticaret 3, (%100)
Arkadaşlar böyle bir hoveri bootstrapda nasıl yapabilirim bilen biri lütfen yardım edebilirmi şimdiden teşekkür ederim.
- Üyelik 25.05.2015
- Yaş/Cinsiyet 32 / E
- Meslek Web Yazılım Uzmanı
- Konum İstanbul Anadolu
- Ad Soyad F** K**
- Mesajlar 833
- Beğeniler 0 / 287
- Ticaret 13, (%100)
Eğer ki divi silik yapmak istiyorsanız Hello yazan divin class'ına EfectDiv diyelim bu dive opacity verirsek hover anına durum istediğiniz gibi olacaktır
- Üyelik 11.07.2015
- Yaş/Cinsiyet 34 / E
- Meslek Ögrenci
- Konum Bursa
- Ad Soyad G** G**
- Mesajlar 191
- Beğeniler 0 / 12
- Ticaret 3, (%100)
hocam opacity yi biliyorumda ben tamamen baştan yapmayı soruyorum ama yinede teşekkürler :D
- Üyelik 22.04.2014
- Yaş/Cinsiyet 25 / E
- Meslek Arayüz Geliştirici
- Konum İstanbul Avrupa
- Ad Soyad M** A**
- Mesajlar 306
- Beğeniler 76 / 67
- Ticaret 26, (%100)
![]()
.siyah{
background-color:#000; /* siyah renk belirledik. */
opacity:0.5; /*yarı saydamlık verdik. */
display:none; /*ortadan kaldırdık. */
}
.kutu:hover .siyah{
display:block
} /* .kutu üstüne gelirse de ortadan kaldırma işlemini boz ve görünür hale getir komutunu verdik. */
Tabi her şey bu kodlarla bitmiyor. Eklenmesi gerek kodlar da bulunmakta. Ama işin mantığı budur. Altında bulunan detay alanı için bir örnek hazırladım.
Aşağıda ki örneği indirerek, inceleyebilirsiniz.
- Üyelik 11.07.2015
- Yaş/Cinsiyet 34 / E
- Meslek Ögrenci
- Konum Bursa
- Ad Soyad G** G**
- Mesajlar 191
- Beğeniler 0 / 12
- Ticaret 3, (%100)
hocam dosyada virüs çıktı
- Üyelik 22.04.2014
- Yaş/Cinsiyet 25 / E
- Meslek Arayüz Geliştirici
- Konum İstanbul Avrupa
- Ad Soyad M** A**
- Mesajlar 306
- Beğeniler 76 / 67
- Ticaret 26, (%100)
- Üyelik 11.07.2015
- Yaş/Cinsiyet 34 / E
- Meslek Ögrenci
- Konum Bursa
- Ad Soyad G** G**
- Mesajlar 191
- Beğeniler 0 / 12
- Ticaret 3, (%100)
hocam teşekkürler peki bunu bootstrap ile nasıl yapabilirim çok yordum sizi ama
- Üyelik 22.04.2014
- Yaş/Cinsiyet 25 / E
- Meslek Arayüz Geliştirici
- Konum İstanbul Avrupa
- Ad Soyad M** A**
- Mesajlar 306
- Beğeniler 76 / 67
- Ticaret 26, (%100)
hocam teşekkürler peki bunu bootstrap ile nasıl yapabilirim çok yordum sizi ama
Bootstrap konusuna hakim değilim, kullanması benim için eziyet..
- Üyelik 11.07.2015
- Yaş/Cinsiyet 34 / E
- Meslek Ögrenci
- Konum Bursa
- Ad Soyad G** G**
- Mesajlar 191
- Beğeniler 0 / 12
- Ticaret 3, (%100)
peki hocam teşekkür ederim iyi akşamlar
- Üyelik 29.06.2011
- Yaş/Cinsiyet 37 / E
- Meslek Vip Tema Web Tasarım A.Ş.
- Konum Tekirdağ
- Ad Soyad Ö** I**
- Mesajlar 1393
- Beğeniler 704 / 703
- Ticaret 21, (%100)
Bu linki inceleyin hocam;
http://miketricking.github.io/dist/
http://miketricking.github.io/dist/
Konuyu toplam 2 kişi okuyor. (0 kullanıcı ve 2 misafir)