Reklam

CSS ile Kalp Şekli Yapmak

Yazar: Unknown Tarih: 02:12 Kategori: Yorum: Yorum Yap
 


Bir çok css ve jQuery örneklerine baktıktan sonra "Ben de bir şey yapmalıyım" dedim. Bu örnekler de örnek hani, adam neredeyse pixel pixel kendi portresini yapacak, o derece yani!

Aklıma basit bir örnek olan; kalp yapmak geldi. Kendim yaptıktan sonra bunu da ders olarak göstermek istedim.

Kalp yapmak için iki adet daire ve bir adet kareye ihtiyacımız var. Bunun için iki adet daireyi border-radius ile oluşturuyoruz, sonrasında ise kareyi 45 derecelik bir açıyla çevirerek iki dairenin arasına sokuyoruz ve kalbimiz hazır. Çevirme işlemini de transform özelliği ile yapıyoruz.

Bu Yazıyı Begendinizmi

Paylaş : Facebook Twitter Google Plus Pinterest Tumblr

Hiç yorum yok:

Yorum Gönder