Advance Lesson 2

Create and style the panel

lesson 1 lesson 3

Box Shadow website:

cssmatic.com/box-shadow

Notes:


CSS Notes:

top property:

  • The top property specifies the top position of a positioned element.
    Syntax top: auto | value;

left property:

  • The left property specifies the left position of a positioned element.
    Syntax left: auto | value;

box-shadow property:

  • The box-shadow property attaches one or more shadows to an element.
    Syntax box-shadow: none | h-shadow v-shadow blur spread color;

overflow-y property:

  • The overflow-y property specifies what to do with the top/bottom edges of the content - if it overflows the element's content area.
    Syntax overflow-y: visible | hidden | scroll | auto;

border-radius property:

  • The border-radius property is used to add rounded corners to an element.
    Syntax border-radius: value;

display property:

  • The display property specifies the type of box used for an HTML element.
    Syntax display: value;

opacity property:

  • The opacity property sets the opacity level for an element.
    Syntax opacity: value;

JavaScript Notes:

display property:

  • The display property sets or returns the display value of an element.

opacity property:

  • The opacity property sets or returns the opacity level of an element.

setTimeout() Method:

  • The setTimeout() method calls a function or evaluates an expression after a specified number of milliseconds.
www.000webhost.com