Introduction to HTML5 and CSS3 Introduction to HTML5 and CSS3

CSS3 Images

Christopher Schmitt
Christopher Schmitt
Frontend Masters
Check out a free preview of the full Introduction to HTML5 and CSS3 course:
The "CSS3 Images" Lesson is part of the full, Introduction to HTML5 and CSS3 course featured in this preview video. Here's what you'd learn in this lesson:

Like text-shadow, box-shadow works to set glow around a box – accomplished automatically vs the “old” days. Border-image has you set the border width and set the image of a border over the top of it for a design element. Use STRETCH value to set up element and to have it resize according to the size of the text within it. Other values you can use for border-image are REPEAT, ROUND, and SPACE. Border-radius is just what it sounds like – setting top, left, right, bottom for which Firefox and Webkit have their own prefixes.

Get Unlimited Access Now