RealShadow.js – Mouseye duyarlı gölge efekti

0
410
Görüntülenme

Real Shadow

Eskiden Photoshop kullanarak  web sitesi için farklı tasarımlar üretmeye çalışırdık. En çok kullandığımız ve en çok popüler olanlar gölge efektleriydi. Web sitesindeki içeriklere gölge efekti verince 3 boyutlu bir  görünüm kazanır ve bir hayli de çekici olurdu. Bu günkü web teknolojisi  ile artık Photoshop olmadan da bölge efektleri kullanmak mümkün. Henüz bütün tarayıcılar tarafından desteklenmese  bile major diye adlandırılan en çok kullanılan tarayıcılar üzerinde yapılabiliyor.

Css3 box-shadow ile kutulara text-shadow ile de yazılara bunu yapabilmek mümkün. Kendi başına mouseye duyarlı olmasa bile 3D  görünümlü web tasarımları hazırlamak için oldukça işe yarıyor.  Ivan Indamix  tarafından  geliştirilen RealShadow.js uygulaması da hazırladığınız divlere gölge efekti vermek için yapılmış. Eklentinin en güzel yanı gölgenin mouse pozisyonlarına göre hareket etmesidir. Mousenizi bir ışık veya güneş olarak düşünün ve çerçevelerin etrafında gezdirin. Bu sırada gölgelerin nasıl mouseye duyarlı bir şekilde hareket ettiğini göreceksiniz.

Kullanım

  • Head  etiketleri arasına eklenmesi gereken bölümler.
Js ve stil dosyaları : 

 JavaScript : 

Bu  kısıma  gölge efekti  olmasını sitediğiniz div yada  elementleri ekleyerek gölge  efektini kullanabilirsiniz. Örnek  olarak eklenmiş olan elementler : button, .container, .text

 Basit  kullanım : 

 

  •  Body etiketleri arasına eklemeniz gereken bölüm.

Html : 

 

1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5,00 out of 5)
Loading...
Önceki İçerikÖrümcekOyun – Türkçe Flash Oyun Scripti
Sonraki İçerikjDigiClock
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.