Css ile Ok işaretleri yapılışı

0
320
views

ok işaretleri

Ok işaretlerini  gördüğümde aklıma ilk gelen örnek Fontawesomeydi. Bu örnekte de Fontawesome kullanılmış olabilir diye düşünüyordum.  Ama  kodları incelediğinizde herhangi bir resim dosyası bulamazsınız. Tamamen Css3 kullanılarak hazırlanmış. Bazı tasarımcılar gördüğünüz gibi Css3 teki yaratıcı yetenekleri sayesinde  resim kullanmadan  bile çok güzel görüntüler  ortaya koyabiliyorlar.

Css de content: ‘ ‘; içeriğini kenarlarındaki (border)  çizgilierin şekillerini değiştirerek ortaya bu tür  görünüm çıkartmayı başarabiliyorlar.  eMaj  tarafından hazırlanmış olan bu Demo örneği için birde animasyon bulunuyor. Resmin sağ tarafında birbirini takip edermiş gibi görünen iki ikon sürekli dönüyor. Bunuda websayfanızda sayfa yükleme işlemleri için kullanabilirsiniz.

 

Kullanım

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

Css :

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

Html :

 

Aranan kelimeler:

  • Ok iaretleri
  • ok işareti şekilleri
1 oy (No Ratings Yet)
Loading...
Önceki İçerikÜç aşamalı üyelik paneli
Sonraki İçerikOldukça güzel tasarlanmış hover-efekt
1983 doğumlu, olmayan bir çocuk babası, espirili ve kendini cana yakın zanneden biri işte. Daha ne olsun ?
Paylaş

CEVAP VER

Please enter your comment!
Please enter your name here