O'Reilly logo

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

CSS3 Properties

Video Description

In this CSS3 Properties training course, expert author Ben Jaffe teaches you everything you need to know about CSS3, covering the latest improvements and new features. This course is designed for users that already have a fundamental working knowledge of CSS.
You layout and user interface fundamentals, reviewing units and box-models. You will then learn about color and opacity, border effects, and background gradients. Ben will cover topics such as box-shadow, multiple backgrounds, and gradients. This video tutorial will teach you about CSS transitions and animations. You will also learn about new selectors, including direct child selectors, attribute selectors, and reviewing current selectors. Finally, Ben will show you how to tie it all together, showing you how to create Star Wars text and make circles and ellipses.
Once you have completed this computer based training course, you will be fully capable of using the latest version of CSS3 to format and style your webpage. Working files are included, allowing you to follow along with the author throughout the lessons.

Table of Contents

  1. Introduction
    1. A Quick Introduction To CSS3 00:01:42
    2. What You Will Learn 00:01:47
    3. About The Author 00:01:01
    4. How To Access Your Working Files 00:01:15
  2. Layout And User Interface
    1. Units Review 00:05:02
    2. Box-Model Review 00:04:39
    3. Flexbox - Part 1 00:05:17
    4. Flexbox - Part 2 00:04:47
    5. Flexbox - Part 3 00:03:45
    6. Columns 00:03:59
    7. Transforms 00:04:25
    8. 3D Transforms 00:06:08
    9. Pointer Events 00:03:29
  3. Color and Opacity
    1. Color Spaces 00:04:32
    2. Color Values - HEX, RGB And HSL 00:05:33
    3. Colors With Transparency - RGBA And HSLA 00:03:04
    4. Opacity 00:01:49
  4. Border Effects
    1. Border - Images 00:05:25
    2. Border - Radius 00:04:17
    3. Box-Shadow 00:04:43
    4. Outline Vs. Border 00:03:36
  5. Backgrounds And Gradients
    1. Background Size 00:04:09
    2. Background Tools 00:02:49
    3. Multiple Backgrounds 00:02:55
    4. Gradients 00:04:31
    5. Repeating Gradients 00:03:29
  6. Text Effects
    1. Text Formatting 00:04:29
    2. Text Effects 00:04:29
    3. Custom Fonts - Part 1 00:04:29
    4. Custom Fonts - Part 2 00:05:40
  7. Transitions And Animations
    1. CSS Transitions - Part 1 00:04:42
    2. CSS Transitions - Part 2 00:05:06
    3. CSS Transitions - Part 3 00:02:56
    4. CSS Animations 00:05:48
  8. New Selectors
    1. Review Of Current Selectors 00:04:39
    2. Direct Child Selector 00:01:45
    3. Sibling Selectors 00:03:20
    4. Attribute Selectors 00:04:22
    5. Popular Pseudo-Classes 00:05:33
    6. Pseudo-Elements - Part 1 00:04:13
    7. Pseudo-Elements - Part 2 00:02:28
  9. Tying It together
    1. Making Circles And Shapes 00:04:44
    2. Embossed Text And Boxes 00:04:58
    3. Growing Links 00:05:02
    4. Blurry Text 00:03:54
    5. Star Wars Text - Part 1 00:05:34
    6. Star Wars Text - Part 2 00:03:29