8 Best Drop Shadows to Use In Your Web Designs

Last Updated •

Shadow 01

India

Green Everest View Mountain

Sed porttitor lectus nibh. Proin eget tortor risus. Donec rutrum congue leo eget malesuada. Proin eget tortor risus.

Border: 2px Solid

Color: 20% Opacity

Shadow 2 & 3

India

Green Everest View Mountain

Sed porttitor lectus nibh. Proin eget tortor risus. Donec rutrum congue leo eget malesuada. Proin eget tortor risus.

X Horizontal: 0px

Y Vertical: 4px

Color: 15% Opacity

Shadow Blur: 8

  • Hover Shadow

X Horizontal: 0px

Y Vertical: 12px

Color: 15% Opacity

Shadow Blur: 24

Shadow 04

India

Green Everest View Mountain

Sed porttitor lectus nibh. Proin eget tortor risus. Donec rutrum congue leo eget malesuada. Proin eget tortor risus.

X Horizontal: 10px

Y Vertical: 10px

Color: 15% Opacity

Shadow Blur: 20

Shadow 05

India

Green Everest View Mountain

Sed porttitor lectus nibh. Proin eget tortor risus. Donec rutrum congue leo eget malesuada. Proin eget tortor risus.

X Horizontal: 4px

Y Vertical: 4px

Color: 75% Opacity

Shadow Blur: 60

Spread: -30

Shadow 06

India

Green Everest View Mountain

Sed porttitor lectus nibh. Proin eget tortor risus. Donec rutrum congue leo eget malesuada. Proin eget tortor risus.

X Horizontal: 10px

Y Vertical: 10px

Color: 20% Opacity

Shadow Blur: 50

Shadow 07

India

Green Everest View Mountain

Sed porttitor lectus nibh. Proin eget tortor risus. Donec rutrum congue leo eget malesuada. Proin eget tortor risus.

X Horizontal: 10px

Y Vertical: 10px

Color: 5% Opacity

Shadow 08

India

Green Everest View Mountain

Sed porttitor lectus nibh. Proin eget tortor risus. Donec rutrum congue leo eget malesuada. Proin eget tortor risus.

X Horizontal: 15px

Y Vertical: 15px

Color: 100% Opacity

Border: 10px Solid

Border Radius: 15px

Leave a Comment

Download Resources – Online Class Website

Download Resources – TutorLMS