How To Make CSS Drop Shadows

Adding a drop shadow to text or images in HTML can easily be done with a single line of code in your style sheet. I will walk you thought the steps on how to use CSS to create a drop shadow effect for both text and images.

The two types of CSS Drop Shadows  you will want to add will either be “text-shadow” for text and “box-shadow” for images or boxes.

If you like this video, please consider giving it a positive review and/or subscribing to my YouTube channel. If you have video suggestions or questions or comments on this video, please feel free to leave them below.

Click on the button below for a sample of the code I used in the video or you can copy and paste it from here:

text-shadow: 2px 2px #ff0000;
box-shadow: 10px 10px 5px #888888;