lostyazilim
tr.link

Onedio Manşet

24 Mesajlar 4.885 Okunma
acebozum
tr.link

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)
CSS:
.slider, .slider img {width:460px;position:relative;}
.slider .slider-wrap {position:absolute;bottom:0;padding:10px;color:#fff;text-shadow:1px 1px 1px #000;}
.slider p {
overflow:hidden;
max-height:0;
-webkit-transition:.2s linear all;
-khtml-transition:.2s linear all;
-moz-transition:.2s linear all;
-ms-transition:.2s linear all;
-o-transition:.2s linear all;
transition:.2s linear all;
filter:alpha(opacity=0);
-khtml-opacity:0;
-moz-opacity:0;
opacity:0
}

.slider:hover p {
max-height:100px;
filter:alpha(opacity=100);
-khtml-opacity:1;
-moz-opacity:1;
opacity:1
}


HTML:



Article title


Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores quis, nulla tenetur maxime similique animi labore incidunt soluta? Quae quo recusandae velit est, consequuntur quasi sed sunt corporis voluptates cumque...





http://jsfiddle.net/tehet/Lsjyp1kn/

Veya onedionun kendi kodlarını da kullanabilirsin.
http://jsfiddle.net/tehet/55wajqLt/
 

 

elektronikssl
webimgo

enoua enoua www.enderaric.com Kullanıcı
  • Üyelik 23.01.2015
  • Yaş/Cinsiyet 34 / E
  • Meslek Bilgisayar Mühendisi
  • Konum İstanbul Anadolu
  • Ad Soyad E** A**
  • Mesajlar 227
  • Beğeniler 45 / 35
  • Ticaret 0, (%0)
jquery animate kullanman gerekiyor.
 

 

www.enderaric.com
Skype : enoua_engineer
Bilgisayar Mühendisi

3579 3579 WM Aracı Anonim Üyelik
  • Üyelik 30.01.2012
  • Yaş/Cinsiyet - /
  • Meslek
  • Konum
  • Ad Soyad ** **
  • Mesajlar 2434
  • Beğeniler 686 / 1151
  • Ticaret 1, (%100)
CSS transition ile yapabileceğiniz basit bir şey.





Manşet








Buraya başlık gelecek


Lorem ipsum dolor sit amet, consectetur adipisicing elit. At quo quos, magnam rerum eos, non ex nemo aspernatur vel delectus eum, unde voluptatem nostrum! Quod quisquam ea iste, sunt laborum!









Tasarımı ve boyutları kendinize göre düzenlersiniz, fazla uğraşmadım tek resim üzerinden örnek gösterdim.
 

 

yamadown yamadown Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 10.02.2015
  • Yaş/Cinsiyet 30 / E
  • Meslek Web Tasarım
  • Konum Tunceli
  • Ad Soyad M** E**
  • Mesajlar 205
  • Beğeniler 35 / 18
  • Ticaret 7, (%100)
Css Tooltip aratırsanız googlede çıkar css'de top ve left değeriyle istediğiniz şekli verebilirsiniz. ve kullanımıda basit :)
 

 

wmaraci
wmaraci
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