Box Shadow Example

Publicado em: 09 Agosto 2020
no canal de: FrontEnd Board

157

A very Simple CSS Box Shadow Effect

https://codepen.io/DesignerAshishOrg/...

box-shadow: 10px -10px red,
20px -20px green,
-10px 10px black,
-20px 20px blue

10px -10px red = 10 px : First Value represent the horizontal offset
-10px : second value represents the Vertical offset
red : this represents the color of the shadow.
There are other value also we can add. for example :
10px -10px 5px 25px rgba(0,0,0,0.3)

5px represent the blurr value
25px represent the spread value
rgba(0,0,0,0.3) represents the color in rgba mode and 0.3 represent the opacity or alpha value of the color.

Nesta página do site você pode assistir ao vídeo on-line Box Shadow Example duração hora minuto segundo em boa qualidade , que foi baixado pelo usuário FrontEnd Board 09 Agosto 2020, compartilhe o link com seus amigos e conhecidos, no youtube este vídeo já foi visto 157 vezes e gostou 13 espectadores. Boa visualização!

2,955

266