Simpsons to 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ş.

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.