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

6:16 Javascript

Javascript Çoklu Dizi Değişkenler | Array Yapısı

Kategori: Javascript | 02.12.2013
Web Tasarımları

Gri WordPress Teması | Eski Site Teması

Kategori: Web Tasarımları | 30.08.2014
17:46 Php Dersleri
Genel Makaleler

GTmetrix İle Web Sitenizin Performansını Analiz Edin

Kategori: Genel Makaleler | 06.05.2013
Seo(.htaccess)

Tarayıcı Önbellekleme İle Siteyi Hızlandırma

Kategori: Seo(.htaccess) | 14.09.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.