Tüm Araçlar
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al
lostyazilim
tr.link

Böyle Hover Nasıl Yapabilirim ?

 9 Mesajlar 1.179 Okunma
acebozum
tr.link

#1
lMarjinal lMarjinal WM Aracı Kullanıcı
  • Üyelik 11.08.2014
  • Yaş/Cinsiyet 25 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad B** B**
  • Mesajlar 336
  • Beğeniler 57 / 51
  • Ticaret 5, (%100)
Merhabalar,

Bir projem için slider tasarlıyorum ve resmin üzerine gelince alttaki resimdeki gibi hover olmasını istiyorum.



Nasıl yapılır, veyahut nasıl ararsam ulaşabilirim söylerseniz daha iyi olur. Nasıl arayabileceğimi söylerseniz daha iyi olur benim açımdan bişeyler öğrenmiş de olurum hem.

Teşekkürler,
 

 

elektronikssl
webimgo

#2
ebagcuvan ebagcuvan emrebagcuvan.com.tr Kullanıcı
  • Üyelik 22.10.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek --
  • Konum Diğer
  • Ad Soyad E** B**
  • Mesajlar 2908
  • Beğeniler 716 / 715
  • Ticaret 8, (%100)
Bu hover'ın olduğu linki verebilirsen kodlarından aynısı almaya çaışırım.
 

 

#3
lMarjinal lMarjinal WM Aracı Kullanıcı
  • Üyelik 11.08.2014
  • Yaş/Cinsiyet 25 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad B** B**
  • Mesajlar 336
  • Beğeniler 57 / 51
  • Ticaret 5, (%100)

ebagcuvan adlı üyeden alıntı

Bu hover'ın olduğu linki verebilirsen kodlarından aynısı almaya çaışırım.


Kendi tasarımım. Bir siteden almadım.
 

 

#4
OmerGunay OmerGunay https://omergunay.net Kullanıcı
  • Üyelik 15.05.2015
  • Yaş/Cinsiyet 33 / E
  • Meslek PHP Developer
  • Konum İstanbul Avrupa
  • Ad Soyad Ö** G**
  • Mesajlar 1207
  • Beğeniler 382 / 381
  • Ticaret 16, (%100)

lMarjinal adlı üyeden alıntı

Kendi tasarımım. Bir siteden almadım.


hover css koduna background-url deyip alttaki resmi koyacaksın. O kadar. Zor bişey değil yani
webbil lMarjinal

kişi bu mesajı beğendi.

Herkes yediğinden ikram eder..(Yavuz Sultan Selim)
wmaraci
wmaraci

#5
TEHET TEHET ✨ Kullanıcı
  • Üyelik 04.10.2014
  • Yaş/Cinsiyet 32 / E
  • Meslek Tasarımcı
  • Konum Ankara
  • Ad Soyad M** A**
  • Mesajlar 791
  • Beğeniler 96 / 374
  • Ticaret 1, (%100)
Örnek: https://jsfiddle.net/tehet/wjt9vu7n/
webbil lMarjinal

kişi bu mesajı beğendi.

#6
lMarjinal lMarjinal WM Aracı Kullanıcı
  • Üyelik 11.08.2014
  • Yaş/Cinsiyet 25 / E
  • Meslek Öğrenci
  • Konum Ankara
  • Ad Soyad B** B**
  • Mesajlar 336
  • Beğeniler 57 / 51
  • Ticaret 5, (%100)

TEHET adlı üyeden alıntı

Örnek: https://jsfiddle.net/tehet/wjt9vu7n/


Sağ olasın
 

 

#7
webbil webbil WM Aracı Kullanıcı
  • Üyelik 22.08.2013
  • Yaş/Cinsiyet 42 / K
  • Meslek Seramik Teknikeri
  • Konum İzmir
  • Ad Soyad B** B**
  • Mesajlar 344
  • Beğeniler 223 / 144
  • Ticaret 4, (%100)

ÖmerGünay adlı üyeden alıntı

hover css koduna background-url deyip alttaki resmi koyacaksın. O kadar. Zor bişey değil yani


TEHET adlı üyeden alıntı

Örnek: https://jsfiddle.net/tehet/wjt9vu7n/

Çok teşekkürler. Benimde aradığım şeyler bunlardı. Tema yaparken ürünün üzerine mousla gelince böyle bir efekt istiyordum. Gökte ararken yerde buldum dedikleri bu olsa gerek. Benimde çok işime yarayacak bu bilgiler ve kodlar.
 

 

#8
TEHET TEHET ✨ Kullanıcı
  • Üyelik 04.10.2014
  • Yaş/Cinsiyet 32 / E
  • Meslek Tasarımcı
  • Konum Ankara
  • Ad Soyad M** A**
  • Mesajlar 791
  • Beğeniler 96 / 374
  • Ticaret 1, (%100)
webbil Eğer daha fazla efekt istiyorsan aşağıdaki linki incelemeni öneririm. :)

http://tympanus.net/codrops/2014/06/19/ideas-for-subtle-hover-effects/
webbil lMarjinal

kişi bu mesajı beğendi.

#9
webbil webbil WM Aracı Kullanıcı
  • Üyelik 22.08.2013
  • Yaş/Cinsiyet 42 / K
  • Meslek Seramik Teknikeri
  • Konum İzmir
  • Ad Soyad B** B**
  • Mesajlar 344
  • Beğeniler 223 / 144
  • Ticaret 4, (%100)
Tam aradığım efektler bunlar. Gerçekten çok teşekkür ederim.
lMarjinal

kişi bu mesajı beğendi.

Chrome Menü Sorunu..
Tarayıcı Farkı Oluyor
wmaraci
wmaraci
Konuyu toplam 8 kişi okuyor. (0 kullanıcı ve 8 misafir)
 
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al