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:
h1
{
text-shadow: 2px 2px #ff0000;
}
div
{
box-shadow: 10px 10px 5px #888888;
height:200px;
width:200px;
}