Parlayan bir giriş sayfası tasarımı

0
241
Görüntülenme

giriş sayfası

Safari üzerinden Twitter sitesini açıp giriş yapmak için input alanına tıkladığımda input çerçevesinin etrafında ışık gibi mavi bir  parıltı olduğunu görmüştüm. Tesadüfen Safari tarayıcısı ile açtığımda fark etmiştim bunu. Ama herhangi bir efekt yoktu bunun dışında. Kayla Martin‘in yapmış olduğu bu tasarımda parlama efekti input alanı için yapılmamış ama input alanına tıkladığınızda çerçevenin tamamını çevreleyen rengarenk bir parıltı görülüyor.

Windows 7 bilgisayarlar açıldığında pencere animasyonunu görmüşsünüzdür. Bende mi göz bozukluğu var yoksa pencerenin ışıkları mı hareket ediyor diye az kontrol etmedim. İşin güzel tarafı bu örnekteki parlama efekti de Windows 7 bilgisayarlarındaki açılma ile aynı. herhangi bir input içine tıkladığınızda  çerçevenin etrafında sürekli rengi değişen ve hareket eden bir ışık varmış gibi görünüyor. Açık mavi renginden pembe rengine doğru yavaş yavaş geçiş yapıyor. Ayrıca renk geçişleri soldan sağa doğru kayma ile oluyor. Demoyu yakından dikkatli bir şekilde incelerseniz fark edebilirsiniz.

Tarayıcı desteği : Opera, Cherome, Safari, FireFox, Internet Explorer

Kullanım

  • Head  etiketleri arasına eklenmes gereken bölümler.

jQuery  url adresi : 

 JavaScript : 

Css : 

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

Html : 

 

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...
Önceki İçerikjDigiClock
Sonraki İçerikSweetMenu.js
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.