Homer Simpson
Homer Simpson

Css ile resim çizilir mi?” diye sorsalar “çizilir ama çok uğraşmak gerekir” derdim. “Peki nasıl çizilir?” deseler ilk aklıma gelecek yöntem div’leri pixel olarak kullanarak uzun uğraşlar sonucu bir resim ortaya çıkarmak olurdu. fakat şimdi anlatacağım çalışmada çok daha profesyonel bir teknik kullanmışlar.öncelikle şunu belirteyim ki yukarıdaki çok sevdiğim Homer Simpson resmi tamamen Css ile hazırlanmış.Nasıl mı?

Homer Simpson
Homer Simpson

tamamen ascii ve bildiğimiz karakteler kullanılmış.

Homer Simpson
Homer Simpson

Div ‘ler içinde yer alan “o”, “)”, “L” gibi karaktelere Css ile sitiller verilmiş.

Homer Simpson
Homer Simpson

örneğin yukarıdaki resimde burun kısmı için şu kodlar uygulanmış.

8

Homer Simpson
Homer Simpson

Buradan görebileceğiniz Css ile Homer çalışmasının siz de benim gibi kodlarını inceleyip hayran kalabilirsiniz.

Homer Simpson
Homer Simpson

Ayrıca buradan yukarıda bahsettiğim çizimin yapılış aşamasının animasyonunu izleyebilirsiniz.

Homer Simpson
Homer Simpson

Yine aynı teknikle hazırlanmış bush resmini buradan inceleyebilirsiniz.Belki haklı olarak çok gereksiz hatta boşa harçanmış bir uğraş olarak düşünebilirsiniz. Fakat en azından Css ile ne tür çılgınlıklar yapılabilir sorusuna süper bir cevap olabilir. Ayrıca bu çalışmaları hazırlamak için harçanan muhteşem emeğine hayran kalmamak da elde değil…Diğer bazı yazılarım* 29 WordPress klon Teması* Dünyanin En eski 100 web sitesi* Web 2.0 Kelime üretici* Twitter ‘dan Takip edebileceğiniz 10 jQuery Sitesi