6. CSS – INTERMEDIATE
Positionlar:
• Static, relative, fixed, absolute, sticky
• Properties: bottom, left, right, top, z-index
• text-shadow, box-shadow, linear-gradient, raidal-gradiant
static
|
Default value. Elements render in order, as they appear in the document flow
|
Play it »
|
absolute
|
The element is positioned relative to its first positioned (not static) ancestor element
|
Play it »
|
fixed
|
The element is positioned relative to the browser window
|
Play it »
|
relative
|
The element is positioned relative to its normal position, so "left:20px" adds 20 pixels to the element's LEFT position
|
Play it »
|
sticky
|
The element is positioned based on the user's scroll position
|
|
z-index only works on positioned elements (position: absolute, position: relative, position: fixed, or position: sticky) and flex items (elements that are direct children of display:flex elements)
Linear Gradients (goes down/up/left/right/diagonally)
Do'stlaringiz bilan baham: |