Bilden ovan är en skärmdump av Homer Simpson CSS bild. Jag tror att ni kommer överens om att det är en mycket exakt återgivning av animerade Goof-boll. Det är skapandet av en romersk Cortes, som hävdar att koden är korset webbläsare kompatibel. Detta är ett oerhört bra jobb och samtidigt kodsträngarna normalt inte skulle vara nyheter här, en snabb titt ger dig en idé om vad det innebär. Om du vill se koden i sin helhet gå till den romerska Cortes plats och visa sin källa, som görs genom att trycka Ctrl + U om du använder Firefox.

 
 = "width: 100%; height: 466px;" > <Span style = "width: 100%; height: 466px;"> 
 
 = "float: left; border: 2px solid #000; line-height: normal; background-color: #fff;" > <Span style = "float: left; border: 2px solid # 000; line-height: normal; background-color: # fff;"> 
 
 = "width: 6.23em; height: 7.7em; font-family: Verdana; font-size: 60px; overflow: hidden;" > <Span style = "width: 6.23em; height: 7.7em; font-family: Verdana; font-size: 60px; overflow: hidden;"> 
 
 = "margin-top: -0.7em" > <Span style = "margin-top: 0.7em"> 
 
 = "position: absolute; padding-left: 1.56em; padding-top: 0.37em;" > <Span style = "position: absolute; padding-left: 1.56em; padding-top: 0.37em;"> 
 
 = "font-size: 2.57em; font-weight: bold; color: #000;" >o</ div > <Span style = "font-size: 2.57em; font-weight: bold; color: # 000;"> o </ span> 
 
 </ Div> 
 
 = "position: absolute; padding-left: 1.62em; padding-top: 0.53em;" > <Span style = "position: absolute; padding-left: 1.62em; padding-top: 0.53em;"> 
 
 = "font-size: 2.38em; font-weight: bold; color: #fff;" >o</ div > <Span style = "font-size: 2.38em; font-weight: bold; color: # fff;"> o </ span> 
 
 </ Div> 
 
 = "position: absolute; padding-left: 1.2em; padding-top: 0.67em;" > <Span style = "position: absolute; padding-left: 1.2em; padding-top: 0.67em;"> 
 
 = "font-size: 2.48em; color: #000;" >o</ div > <Span style = "font-size: 2.48em; color: # 000;"> o </ span> 

Det är ett riktigt mästerverk av kod arbete och jag gissar att vi kommer att se mycket mer av den här typen av saker komma ut. [Roman Cortes via nylanseringar]

Tags: konst, kod, CSS, Internet

Relaterade tjänster

• Wi-Fi Detecting kulspetspenna (0)
• Var är Clear Cache Button I Firefox 3.5x? (4)
• Webmail, MySpace och Facebook Mail Allt-i-ett med Fuser (0)