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.




ALINTI