CSS skills

Time:2021-10-28
Horizontal and vertical screen style conversion at mobile terminal

Horizontal screen

@media all and (orientation : landscape) {
  h1{color:red}
}

Vertical screen

@media all and (orientation : portrait){
   h1{color:yellow}
}
Transition color
Background image: linear gradient (90DEG, #40bdff, #4d88ff) // angle, transition of two colors