वन डिव: सीएसएस आइकन

One-div.com एक असामान्य सेवा है जिसमें CSS का उपयोग करके लगभग 60 आइकन लागू किए गए हैं। HTML एक div का उपयोग करता है (इसलिए नाम):

<div class="histogram"> </div> 

CSS आइकन अधिक जटिल हैं:

 .histogram{ height: 4em; overflow-y:hidden; background:transparent; font-size:10px; } .histogram:before{ content: ""; display: block; width: 0; height: 3em; box-shadow: 1em 2.5em 0 0.3em #2c2c2c, 1.7em 2em 0 0.3em #2c2c2c,2.4em 0.8em 0 0.3em #2c2c2c,3.1em 1.5em 0 0.3em #2c2c2c; } .histogram:after{ content: ""; display: block; position: relative; margin-top: 0.9em; width: 4em; height: 0.1em; background: #2c2c2c; } 

ब्रेज़ोरा के साथ संगतता का संकेत दिया गया है:



गुणवत्ता की हानि के बिना प्रतीक को बढ़ाया जा सकता है:



और होवर पर एनिमेटेड होने के लिए भी - पेज के बारे में एक उदाहरण। आइकन का सेट लगातार अपडेट किया जाता है।

जाहिर है, सेवा अधिक संभावना सीएसएस 3 की असामान्य विशेषताओं को प्रदर्शित करती है, व्यावहारिक उपयोग के लिए माउस का एक सेट प्रदान करती है।