Image default
Css Dersleri

CSS ile Kalp Yapmak

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.

İlgilizi Çekecek Konular

Css Listeleme Özelliği (List-Style-Type ve List-Style-İmage)

ibrahimcevruk

CSS 3 İle Metinleri Kolonlara Ayırma İşlemi

ibrahimcevruk

Selection ile Seçilen Yazıları Renklendirme

ibrahimcevruk