HTML and CSS Reference
In-Depth Information
PURE
CSS
ICONS
:
PECULIAR
?
As another alternative for implementing icons, I'll mention the idea of creating
icons from pure CSS. Lucian Marin pioneered this technique and created an icon
set called Peculiar ( http: // lucianmarin.com /peculiar). The shapes for these icons
were created using pure HTML and CSS. Figure 6.17 shows the icon set.
As an example, the markup for the Home icon looks like this:
FIGURE 6.17 The Peculiar icon
set created by Lucian Marin.
<div class=”icon icon-home”>
v >
v >
v >
n >
</div>
And the CSS applied to this looks like so:
.icon-home-triangle {
border: 8px solid #000;
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
height: 0;
 
 
 
Search WWH ::




Custom Search