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.
- 01.08.2013 / 11:15:59 3

Sosyal Medya Paylaşım Alanı

Bunlarda İlginizi Çekebilir

12:10 Javascript

Javascript ile Popup (Açılır) Pencereler Oluşturma

Kategori: Javascript | 13.05.2014
14:40 Php Dersleri

PHP ile Dinamik Sitemap (Site Haritası) Yapımı

Kategori: Php Dersleri | 06.05.2013
Genel Makaleler

Google Aramalarında Yazar Resmi Çıkarma

Kategori: Genel Makaleler | 02.10.2013
5:30 Php Dersleri

Php ile İni Dosyalarını Okutmak

Kategori: Php Dersleri | 04.05.2013
13:07 cURL Dersleri

cURL ile Post İşlemi Yapmak

Kategori: cURL Dersleri | 03.05.2013

Yorum Listesi (8) # YorumYap

  • Abdulkadir Avan (01.08.2013 - 11:28:19)
    Güzel olmuş eline sağlık.. Ah bendede iyi bir mikrofon olsa :D
  • ibrahim Çevrük (01.08.2013 - 11:43:09)
    hahahah :) Eyvallah
  • Madur (01.08.2013 - 17:22:35)
    Hocam benim istekte bulunduğum (bir önceki temanızda olan ana sayfadaki diğer konuları göster özelliği) dersi listenizde öne alın kullanmadığım microfonlu bir kulaklığım var onu size gönderebilirim :)
  • ibrahim Çevrük (01.08.2013 - 19:03:08)
    @Madur Kahkaha attım valla bu yorumuna :D
  • madur (02.08.2013 - 02:33:11)
    ;)) hocam bahsettigim dersi ne zaman hazirlayabilirsiniz. Sabirsizlikla bekliyorum
  • ibrahim Çevrük (02.08.2013 - 03:39:14)
    Kontrol ettiğimde en eski isteklerden olduğundan dolayı sıraya da onu kondurdum :) Artık ses cızırtılı filan idare edeceksiniz :D
  • mega murat (02.08.2013 - 10:38:13)
    ya kardeşim bende de bir tane düğün mikrofonu var onu sana yollasam olurmu..:)
  • ibrahim Çevrük (04.08.2013 - 00:07:56)
    @mega murat yollayın yollayın hepsini yollayın :D :D

Hadi Sende Yorum Yap!

Yorum Gönderilmiştir. Onaylandıktan Sonra Mesajınız Yayınlanacaktır.