Ali @mintik
11 Temmuz 2021 1:26

DarkNavigation

Dark Navigation1

Marco Biedermann tarafından sitenizde sosyal ağ adreslerinizi yayınlayabilmeniz için hazırlanmış bir Css3 navigasyon menü örneği. Menü örneğinde ilk başta  sadece  içinde  user ikonu bulunan  kırmızı  bölüm bulunuyor. Mouse ile menü üzerine  geldiğinizde sağ tarafta  hafif saydam bir menü listesi açılıyor  ve  mouse ile üzerinde gezdiğiniz  ikonların başlıkları resimdede gördüğünüz  gibi... Devamını oku »

Ali @mintik
10 Temmuz 2021 13:26

Firefox eklenti bölümü benzeri bir tasarım

gizli

Mozilla Firefox tarayıcısı için hazırlanmış olan eklenti sayfasını inceleyenler bilirler mutlaka. Eklenti resimlerinin olduğu sayfada mouse ile resimlerin üstüne geldiğinizde resmin etrafında ve resimden daha büyük görünmeyen bir pencere ortaya çıkıyor. Bu özellik sayfaya daha fazla içerik eklenebilmesini sağlayabildiği gibi websayfalarınada ayrıca farklı bir görünüm kazandırıyor. Soh Tanaka tarafından Css... Devamını oku »

Ali @mintik
10 Temmuz 2021 1:27

Card Stack – Üst üste sıralanmış kareler

stack

Css3 ile hazırlanmış güzel bir kart örneği. Lane Olson tarafından hazırlanmış  olan bu örnek üst üste  yığılmış  üç  adet karttan oluşuyor. Mouse  ile  kartların üzerine geldiğinizde kartlar  açılıyor  ve mouse  hangi kartın üstünde ise o kart  biraz  büyüyüp  diğer  kartların önünde  görünüyor.

Ali @mintik
8 Temmuz 2021 1:29

3D realistic horizontal navigation

gerçekçi

James Nowland  tarafından  hazırlanmış mükemmel  bir Css3  üst menü örneği.  Aslında  menü  olarak hazırlanmamış bir örnek.  jQuery ve Css3  kullanılarak hazırlanmış  tıklandığında  içeri  batıp kalan bir buton örneğiydi. Kendimce  ufak tefek  birkaç değişiklik yaptıktan sonra bir  üst menü  örneği  olarak sizlerle  paylaşıyorum.

Ali @mintik
8 Temmuz 2021 1:27

Işık yansıması gibi görünen harf efekti

flashlight1

Banner olarak kullanabileceğiniz  yada yazılarınızda kullanabileceğiniz  güzel bir Css3 efekt. Tam olarak  kimin tarafından hazırlandığını  bilmediğim bu  örnek Chad  nickinde  biri  tarafından yayınlanmış. Quantum kelimesi  gölge  efektine sahip olduğu  için ve 3D  görünümde hazırlandığı  için havada  asılı bir  görüntüsü  bulunuyor. Lighting  kelimesi  ise arkaplanda batmış gibi  bir görüntüsü  var mouse... Devamını oku »

Ali @mintik
6 Temmuz 2021 13:26

Beatiful vertical

Font1

Font  awesome ile hazırlamış olduğum bir  örneği  sizlere paylaşmak kısmet oldu  bu sefer. Anlatıma geçmeden önce belirtmek istediğim husus siz download  butonuna basıp dosyayı  bilgisayarınıza  indirdikten sonra  sizin kendi malınızdır 🙂 Aslında  jQuery kullanarak animasyonlu  oluşturmak istedim ki onuda yaptım yapmasına ama bana göre animasyonlu olmayanı daha  güzel duruyor.

Ali @mintik
5 Temmuz 2021 1:26

Basit bir giriş paneli

giriş

Marco  Biedermann  tarafından hazırlanmış bir  giriş formu örneği. Form örneği  sadece  tasarımdan ibaret olup  herahngi  bir işlevi  bulunmuyor.  Eklenmiş olan Twitter ve  Facebook butonlarıda formalite  icabı  zaten. Facebook  ve Twitter butonları  için kullanılan iconlar Fonta Awasome  ile eklenmiş. Bunun dışında

Ali @mintik
4 Temmuz 2021 13:26

Grey horizontal navigation

gri renkli

Herhangi bir resim dosyası kullanılmadan hazırlanmış bu üst menü örneğinde bulunan açılır menüler için jQuery kullanılmış. Geri kalan kısmı sadece Css3 kullanılarak hazırlanmış. Bu yüzden sadece Webkitt destekli tarayıcılar üzerinde çalışmaktadır. Mouse linklerin üzerine geldiği an alt kategoriler  açılıyor ve mouseyi çektiğiniz zaman da tekrar kapanıyor.

Ali @mintik
2 Temmuz 2021 13:27

Yavaşça soluklaşan sosyal medya butonları

social icons

Font  Awasome  ve Css3 kullanarak hazırladığım basit  bir menü  örneği.  Bu  örnekle ile  webesitenizin herhangi bir köşesindesosyal  ağ adreslerinizi  paylaşabilirsiniz. Mouse  ile  butonlar  üzerinde  gezdiğinizde jquery fade  benzeri bir  şekilde butonların arkaplanında  bulunan beyaz renk maviye dönüşüyor ve  sosyal  ağ ikonuda  beyaz  oluyor.  Mouseyi geri çektiğinizde  yine  aynı şekilde  eski... Devamını oku »

Ali @mintik
30 Haziran 2021 13:26

Yanıp sönen 3B buton tasarımı

3B buton tasarımı

Resim kullanılmadan sadece Css3 ile hazırlanmış bir buton örneği. Mouse ile bastığınızda içeri doğru batıyor  ve geri çektiğinizde eski haline geri geliyor. Bu işlem esnasında  gölgeside butonun içeri batmasıyla beraber küçülüyor.