Cubic bezier

0
165
views

animate links

Linklerin sıralanışına  bakıldığında sadece linkleri olan ve hiç bir özelliği  bulunmayan bir örneğe  benzetebilirsiniz ilk bakışta.  Aslında menü örneği demeyede bin şahit lazım. Linklerin arkaplanında  da zaten buton yok.  Yinede görüntüsü  gayet  güzel görünüyor  Css3 efektimizle birlikte.

Mouse ile linklerin üzerinde gezindiğinizde resimdede gördüğünüz  mavi, gri ve beyaz renkten oluşan çember yavaşça  büyüyüp netleşiyor. Mouseyi geri çektiğinizde ise küçülüp saydamlaşıp kayboluyor. Dilerseniz  olduğu gibi menü olarak kullanın yada sayfadaki linklerinize efekt olarak kullanın. Yazı efekti olarakta güzel bir görüntü oluşturuyor.

Microsoft bilgisayarlarda  belki  görmüşsünüzdür denetim masasından mouse ayarlarında mousenin yerini tespit etmek için buna benzer bir uyarı ayarlayabiliyorsunuz. Mouseyi kıpırdattığınızda mousenin etrafında bunun gibi sarı bir çember belirip kayboluyor.

 

Kullanım

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

Css : 

 

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

 

Html : 

CEVAP VER

Please enter your comment!
Please enter your name here