Box Shadow Example

Veröffentlicht am: 09 August 2020
auf dem Kanal: 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.

Auf dieser Seite können Sie das Online-Video Box Shadow Example mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer FrontEnd Board 09 August 2020 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 157 Mal angesehen und es wurde von 13 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

2,955

266