Mouse üzerine gelince aşağı kayan çerçeve

0
474
views

açılır-panel
Biraz saçma oldu ama içine ben bir kaç tane resim ekleyerek göstermek istedim size bu örneği. Sayfada görünmeyen gizli ve animasyonlu açılır  çerçeveler kullanmak isteyenler için yapılmış bir örnek bu. Kendi isteğinize  göre içine menü yerleştirerek açılır bir menü de yapabilmeniz mümkün. Sayfada sadece png formatında hazırlanmış olan yuvarlak bir buton görünüyor. Web sitenin en üst sol tarafında sürekli sabit bir şekilde sayfa ile beraber aşağı ve yukarı hareket eden bir resimdir bu. Mouse ile  bu png butonun üstüne geldiğiniz anda buton aşağı doğru kayıyor ve ardından sağ tarafa  doğru içinde resimlerin olduğu çerçeve açılıyor. Mouseyi geri çektiğiniz zaman ise tekrar resim çerçevesi kapanıp buton da yukarı eski yerine geri gidiyor.

Kullanım

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

Js ve still dosyaları adresleri : 

 Css : 

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

 

CEVAP VER

Please enter your comment!
Please enter your name here