Birçok css ve jQuery örneklerine baktıktan sonra çok gaza geldim ve bende bir şey yapmalıyım dedim. Gaza getiren örneklerde örnek hani adam neredeyse pixel pixel kendi portresini yapacak o derece ya! Her neyse bende ne yapsam ne yapsam derken aklıma basit bir örnek olan; Kalp yapmak geldi. Olur mu lan şuradan şunu alsam buradan bunu çeksem derken hooop oluverdi birden. Bunu da ders olarak göstermek istedim.
Kalp yapmak için 2 adet yuvarlak ve bir adet kare nesneye ihtiyacımız var. Bunun için 2 adet yuvarlak nesneyi border-radius ile oluşturuyoruz sonrasında ise kare nesnemizi 45 derecelik bir açıyla çevirerek iki yuvarlayım arasına sokuyoruz ve ta taaa kalbimiz hazır. Çevirme işlemini de transform özelliği ile yapıyoruz.
Not: Videoda ses problemi vardır.
Not2: İyi bir mikrofonum var ve kullanmıyorum al senin olsun için; iletişime yazmanız yeterli olacaktır 🙂
Not3: Videonun sonunda bir kesinti vardır. Zamanı azaltmak ve windows hatasından dolayı kesmek zorunda kaldım. Derse bir etkisi yok ama belirtmek istedim.
Bir önceki yazım olan CSS 3 İle Metinleri Kolonlara Ayırma İşlemi başlıklı makalemi de okumanızı öneririm.