CSS ile Kalp Şekli Yapmak

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

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.

  • Etiketler;
İbrahim Çevrük
2007 yılında web dillerine duyduğu ilgi ile ; HTML, PHP, jQuery, Javascript, CSS öğrenmeye başladı. Bir kaç kursta stajer olarak eğitimler verdi. Bunun dışında bildiği diller hakkında videolar hazırlayarak Sanalkurs'ta ve kendi sitesinde yayınlamaktadır.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git