The Journey of #100DaysOfCode (@henna_dev)

About the Community The Treehouse
47

#Day38 of 100daysofcode

Today was a productive day :smiley: I manage to do lot of tasks :star_struck: I also enjoyed my second Martial Arts Class and it was sooo intensive but fun… I am absolutely in love :revolving_hearts:

Martial Arts
Martial Arts1280×960 145 KB

Today I did 2 codepens and learned about z-index

Transition on a login card :smiley:

Some theory on z-index is :

The z-index property can change the layer order of an element and change the position of an element on its z-axis.

The z-index property is defined by a positive or negative integer value, or by an auto value. An auto value gives the element the same layer order as its parent’s.

  • auto: Same layer order as its parent’s. This is the default value.
  • number: Sets the layer order of the element. Negative numbers can also be used.
  • inherit: Inherits this property from its parent element.

The z-index property will only work on elements whose position has been defined as absolute , fixed , or relative .

:sparkles: Twitter: https://twitter.com/henna_dev/status/1504237152674238469

3 Likes