Explore CSS3

You may have heard that a new version of CSS is currently being integrated into websites and browsers. Learn how CSS3 improves upon CSS 2.1 in this tutorial.

Learn how CSS3, the latest upgrade in HTML web design, can behave differently in various browsers. See how to adapt your properties to get the right effect.

Find out how to get browsers like Internet Explorer, Mozilla and Chrome to correctly render border-radius, box-shadow, opacity and other CSS3 properties.

Learn how to use CSS3's new box shadow feature to add a dramatic look to your website. CSS3 won't work on every browser, so see how to adapt your code.

Check out one of the new features of CSS3 for HTML coding, rounding the corners of objects by changing the border radius. Learn the longhand and shorthand.

Want to create an HTML-based website with eye-popping design? This lesson shows you how to use CSS3 to make border images for any element on your site.

Join Brian Wood Training to learn how to layer multiple background images in CSS3, and how to work around older browser versions that don't support them.

Hey, computer programmers! Getting familiar with CSS3? Learn how to position backgrounds and manage borders with background clips and origins.

Want to make your website pop with a beautiful background? In this lesson, learn how to stretch, crop, and scale background images on web pages with CSS3.

In this lesson by Brian Wood Training, you’ll learn how to write code for a repeating, radial, or linear gradient. You can also add your own color stops!

In this CSS3 lesson, you’ll explore four different color values and notations that you can use to customize the look of your website: RGB, RGBA, HSL, & HSLA.

Familiarizing yourself with CSS3? Learn how to use one of the most browser-friendly features, image opacity, in this lesson from Brian Wood Training.

Redesigning your website to make use of new CSS3 features? In this lesson from Brian Wood Training, learn how to rotate images using the transform property.

Want Photoshop-like text effects without having to use image files? Learn how to use CSS3 to create text shadow! Links to online code generators included.

There’s no need to stick to Arial or Helvetica. The web can support many more fonts these days! And CSS3 can help you write that straight into your code.

CSS3 makes it easier than ever to apply special formatting to content. Learn how to use CSS3 selectors to add elements like drop caps, font color, or borders.

If you aren't familiar with the box-sizing property in CSS, you'll want to study up. It saves you time in not having to adjust for padding or border settings.

If you've heard of responsive design, you're probably familiar with media queries. Learn how to use media queries so your pages render legibly on all devices.

In this CSS3 lesson, we continue learning about media queries & responsive design. This time, though, we learn how to use media queries in a single style sheet.

Ready to learn about CSS3 transitions? They're really cool effects that function like an animation. We'll practice creating a transition within an inner box.

Give your website eye-catching appeal with CSS3 animations. Brian Wood Training teaches you how to control movement, timing, iterations, and more!

Older versions of Internet Explorer do not support CSS3 well. Learn how to work around IE’s shortcomings to make CSS3 code that looks great on any browser!

Internet Explorer 6-8 does not support CSS3 selectors. Learn a workaround using a downloadable script called Selectivizr and a few snippets of code.

Conditional comments are a CSS element that allows you to target Internet Explorer and create version-specific style sheets. Learn how to do it with Brian Wood!

In this CSS3 lesson by Brian Wood Training, take a look at Modernizr, which uses JavaScript to detect the capabilities of specific browsers.

In this lesson by Brian Wood Training, you’ll take a look at media queries and understand how to enable media queries in older versions of Internet Explorer.