MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

CSS3 In-Depth

Course Summary

Learn how deep the CSS3 rabbit hole goes in this jam-packed course with CSS luminary Estelle Weyl. Estelle dives deep into the various components of CSS3 including: selectors, specificity, generated content, media queries, debugging, colors, fonts, shadow

  • +

    Course Syllabus

    ● Introduction
        ◦ Introduction
    ● Selectors
        ◦ Basic Selectors, Relational Selectors
        ◦ Attribute Selectors
        ◦ UI Pseudo-Classes
        ◦ Structural UI Pseudo-Classes
        ◦ Demo: Structural UI Pseudo-Classes
        ◦ Navigation and Empty Pseudo-Classes
        ◦ Other Pseudo-Classes
        ◦ Pseudo-Elements
    ● Specificity
        ◦ Understanding Specificity
    ● Generated Content
        ◦ Generated Content
        ◦ Other Values for Generated Content
        ◦ Use-Cases for Generated Content
        ◦ Generated Content Example by Chris Coyer
        ◦ Generated Content Code Example
    ● Media Queries
        ◦ Introduction to Media Queries
        ◦ The Viewport
    ● Debugging
        ◦ Debugging in the Browser
        ◦ Debugging Mobile Browsers
    ● Colors
        ◦ CSS Color Formats
        ◦ Transparency and Color Tips
    ● Fonts, Shadows and Text Effects
        ◦ CSS Fonts
        ◦ Font Services
        ◦ Text Shadows and Box Shadows
    ● Borders and Backgrounds
        ◦ Background Images
        ◦ Background Repeat, Attachment and Position
        ◦ Background Clip, Origin and Size
        ◦ Border Properties
        ◦ Border Images
    ● Gradients
        ◦ Gradients
        ◦ Prefixed, Linear Gradients
        ◦ W3C Standard Syntax
        ◦ Radial Gradients
    ● Transforms
        ◦ Transforming Elements
        ◦ 2D vs. 3D Transformations
    ● Transitions and Animations
        ◦ Transition Basics
        ◦ Transitions in the Real World
        ◦ Animation Principles
        ◦ Attaching Animations to Elements
        ◦ Advanced Animation Properties
    ● Other CSS Features
        ◦ Other CSS Features: Part 1
        ◦ Other CSS Features: Part 2
        ◦ Conclusion


Course Fee:
USD 29

Course Type:


Course Status:



1 - 4 hours / week

This course is listed under Development & Implementations , Operating Systems and Digital Media & Games Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top