O'Reilly logo

Practical CSS3: Develop and Design by Chris Mills

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

6. Using CSS to Implement Icons

Icons are an essential part of creating web interfaces as familiar signposts, badges of honor, or notifications. They can draw attention to important parts of the page quickly, use less space than words, and can transcend languages. CSS3 offers some useful new tricks to the icon arena; hence, this chapter on icons. After the comparatively heavy learning curve presented by CSS Animations in Chapter 5, you can relax a bit here.

In this chapter you’ll learn some slick ways to implement icons on a web page employing cutting-edge CSS and HTML features, such as multiple background images, web fonts, and data- attributes.

Icons Rock!

You’ll find icons everywhere, helping you find your way and get additional information ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required