25.06.2014

Textual description of firstImageUrl

Simpsons to CSS


simpsons css


Chris Pattle isimli aşmış arkadaş Simpsons ailesinde ki tüm karakterleri css ile kodlayıp Github profili üzerinden paylaşmış.Kendi blog sayfası üzerinden de nasıl yaptığını nasıl bir yol izlediği hakkında bazı detaylara değinmiş.

simpsons css

Karakterlerin yüz detaylarını önce küçük şekillere ayırıp her bir detayı ayrı kodlayarak bütüne doğru gitmiş.Oldukça kompleks olan bu çalışmayı Css kodlarını gayet güzel dükmüş.Ellerine sağlık diyor örnek bir kod parçasını aşağıda paylaşıyorum.



Kodun Gücü Adına : Bart'ın Saçı

display: block;
position: absolute;
top: 20px;
left: 33px;
width: 9px;
height: 7px;
background: #fbd800;
border-top: 1px solid #110b00;
border-left: 1px solid #110b00;
-webkit-transform: rotate(25deg) skew(23deg, 16deg);
-ms-transform: rotate(25deg) skew(23deg, 16deg);
transform: rotate(25deg) skew(23deg, 16deg);
-webkit-border-radius: 2px 0 0 0;
-moz-border-radius: 2px 0 0 0;
border-radius: 2px 0 0 0;


Programlama kategorisinde ki diğer blog yazılarımı okumak için linke tıklayınız.

1 yorum:

  1. Kişilere örnek olması açısından ; Elimdeki ilkokul kitaplarını güzel bir şekilde paketleyip Ağrı'ya gönderdim.Ertesi gün öğretmen beni arayıp çok hora geçtiğini çok mutlu olduğunu dile getirdi.Lütfen kullanmadığınız tüm eşyalarınızı atmayın en iyi şekilde değerlendirin.

    YanıtlaSil

Yazıya yorum yap :