Conteúdo do Curso
Advanced CSS Techniques
Advanced CSS Techniques
1. Getting Started with Advanced CSS
2. Mastering CSS Positioning
Understanding CSS PositioningRelative Positioning ExplainedChallenge: Apply Relative PositioningAbsolute Positioning in CSSChallenge: Implement Absolute PositioningFixed Positioning for Sticky UI ElementsChallenge: Work with Fixed PositioningSticky Positioning for Dynamic LayoutsChallenge: Master Sticky PositioningManaging the Stacking Order of ElementsChallenge: Control Z-Index and Overlapping ElementHandling Content Overflow in CSS
5. Transforming Elements with CSS
7. CSS Preprocessors and Sass
Adding Delay to CSS Transitions
The transition-delay
property determines the time interval before a transition animation starts. It can be utilized in creating transition sequences for various elements.
By default, the delay time is set to 0
seconds.
Let's consider the following example. When we hover over the square, the transition animation will begin in 1
second, as the transition-delay
is set to 1000
milliseconds.
index.html
index.css
Tudo estava claro?
Obrigado pelo seu feedback!
Seção 3. Capítulo 5