Programming

How To Make CSS Drop Shadows

Programming Tutorial

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:

Download Files


h1
{
text-shadow: 2px 2px #ff0000;
}
div
{
box-shadow: 10px 10px 5px #888888;
height:200px;
width:200px;
}

  • Written by
  • Finepoint Design
  • April 27, 2015 / 165 Views

Drop your Message

Your email address will not be published. Required fields are marked *