lostyazilim

css 3 ile yapılmış mac os dock :)

3 Mesajlar 917 Okunma
lstbozum
wmaraci reklam

mujdatsayar mujdatsayar M.Kemal Atatürk Kullanıcı
  • Üyelik 04.04.2012
  • Yaş/Cinsiyet 36 / E
  • Meslek Grafik tasarım
  • Konum İstanbul Avrupa
  • Ad Soyad ** **
  • Mesajlar 1285
  • Beğeniler 452 / 308
  • Ticaret 0, (%0)
css 3 ile yapılmış mac os dock :)


önizleme

ul.osx-dock li a {
display: block;
height: 50px;
padding: 0 1px;
margin: 0;
-webkit-transition: 0.15s linear;
-webkit-transition-property: -webkit-transform margin;
-webkit-box-reflect: below 2px; -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.45, transparent), to(rgba(255, 255, 255, 0.25)));
}

ul.osx-dock li a img {
width: 48px;
}

ul.osx-dock li:hover {
margin-left: 9px; margin-right: 9px;
z-index: 200;
}

ul.osx-dock li:hover a {
-webkit-transform-origin: center bottom;
-webkit-transform: scale(1.5);
}

ul.osx-dock li.nearby {
margin-left: 6px; margin-right: 6px;
z-index: 100;
}

ul.osx-dock li.nearby a {
-webkit-transform-origin: center bottom;
-webkit-transform: scale(1.25);
}

ul.osx-dock li span {
background: rgba(0,0,0,0.75);
position: absolute;
bottom: 80px;
margin: 0 auto;
display: none;
width: auto;
font-size: 11px;
font-weight: bold;
padding: 3px 6px;
-webkit-border-radius: 6px;
color: #fff;
}
ul.osx-dock li:hover span {
display: block;
}







  • ZURB



  • LinkedIn

 

 

www.mujdatsayar.com
wmaraci
reklam

Riza Riza 1337 @ trendyol Kullanıcı
  • Üyelik 28.10.2011
  • Yaş/Cinsiyet 28 / E
  • Meslek 1337
  • Konum İzmir
  • Ad Soyad R** S**
  • Mesajlar 1843
  • Beğeniler 1008 / 403
  • Ticaret 21, (%100)
transitions ile daha hoş bi geçiş sağlanabilirdi :)
 

 

1337

phatgit phatgit WordPress Banlı Kullanıcı
  • Üyelik 21.01.2012
  • Yaş/Cinsiyet 27 / E
  • Meslek WordPress
  • Konum İzmir
  • Ad Soyad M** E**
  • Mesajlar 1345
  • Beğeniler 294 / 385
  • Ticaret 21, (%100)
Bloggera ekleyebilirmiyiz :D
 

 

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