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 →
Firefox eklenti bölümü benzeri bir tasarım
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.
Işık yansıması gibi görünen harf efekti
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 →
Kerning.js – Her harfe ayrı döndürme değeri
Bazı zamanlarda banner yada başlık oluştururken sırf değişiklik olsun diye kelime içindeki her harfi farklı pozisyonlarda yani birini sağa birini de sola doğru çevirerek kullanırız. Genelde banner çalışmaları için kullanılan bir tarzdır buda. Hatta birçok web sitesinin resim yamuk yumuk harflerle yaptıkları bannerleri kullandıkları da malum. Görüntü olarak hiçte fena... Devamını oku →
HorizontalMenu with easing
Bir önceki paylaştığım menüden esinlenerek birde sizlere üst menü örneği hazırlamak istedim. Aklımda tasarladığım menü başlıklarından önce fade efekti ile kaybolan bir resmin ardından başlıkların ortaya çıkmasıydı. İşin aslı iyice beynim sulandıktan sonra animasyonlar arasındaki zamanlama hatalarından dolayı ortaya
Beatiful vertical
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.
Fresco.js
Bu güne kadar birçok lightbox örneği paylaştık sizlere. Birçoğu birbirine benzeyen, bazılarında fazladan fazla özellikler olan örnekler gördük. Bu seferki lightbox örneği şimdiye kadar gördüklerimin en iyisi diyebilirim. Hem lightbox görevi görüyor hem de slidergörevi görüyor. Nick Stakenburg tarafından geliştirilmiş olan Fresco uygulamasını birçok alanda kullanabilirsiniz. Fresco ile eşleştirilmiş olan... Devamını oku →