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

Web Tasarımları

Gri Web Site Teması [Html - jQuery] | Sitenin Eski Teması

Kategori: Web Tasarımları | 11.06.2013
12:08 Css Dersleri

Css ile Arkaplan Renklendirme | Background Özelliği

Kategori: Css Dersleri | 03.05.2013
5:56 Php Dersleri

Htmlspecialchars ile Html Taglarını Ekrana Basmak

Kategori: Php Dersleri | 03.05.2013
13:45 Css Dersleri

Temel Css Bilgileri

Kategori: Css Dersleri | 03.05.2013
Windows

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.