CSS ile Kalp Şekli Yapmak

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.