Using the exercise files - CSS Tutorial

Contents

• Introduction Introduction

  • Welcome

    50s
  • What you should know

    38s
  • Using the exercise files

    58s
• 1. Defining the Element Background 1. Defining the Element Background

  • CSS colors

    5m 23s
  • (Locked)
    Add background color

    3m 56s
  • (Locked)
    Insert a background image

    3m 20s
  • (Locked)
    Background image options

    7m 53s
  • (Locked)
    Use the background style

    5m 11s
  • (Locked)
    Combine multiple backgrounds

    7m 26s
  • (Locked)
    Challenge: Building a background

    2m 45s
  • (Locked)
    Solution: Building a background

    2m 13s
• 2. Creating Borders 2. Creating Borders

  • (Locked)
    Use the border style

    7m 30s
  • (Locked)
    Circle style corners

    4m 10s
  • (Locked)
    Ellipse style corners

    3m 44s
  • (Locked)
    Apply border images

    7m 35s
  • (Locked)
    Challenge: Element borders with flair

    2m 33s
  • (Locked)
    Solution: Element borders with flair

    2m 33s
• 3. Defining Shadows 3. Defining Shadows

  • (Locked)
    Create a text shadow

    5m 8s
  • (Locked)
    Create a box shadow

    6m 27s
  • (Locked)
    Challenge: Shadow challenge

    2m 36s
  • (Locked)
    Solution: Shadow challenge

    2m 20s
• 4. Applying Color Gradients 4. Applying Color Gradients

  • Create a linear gradient

    6m 17s
  • (Locked)
    Create a radial gradient

    6m 14s
  • (Locked)
    Repeating a gradient

    3m 54s
  • (Locked)
    Gradients as background images

    3m 22s
  • (Locked)
    Challenge: Building a gradient

    2m 16s
  • (Locked)
    Solution: Buidling a gradient

    2m 23s
• 5. Formating with Filters 5. Formating with Filters

  • Use the filter property

    5m 53s
  • (Locked)
    Combine multiple filters

    4m 44s
  • (Locked)
    Challenge: Transforming a website

    2m 46s
  • (Locked)
    Solution: Transforming a website

    1m 54s
• Conclusion Conclusion

  • (Locked)
    Next steps

    1m 26s