Image Shadow Generator

Q: What is the difference between Box Shadow and Drop Shadow?

Box Shadow creates a rectangular shadow frame around the image. Drop Shadow (filter) follows the actual contours of the image, making it perfect for transparent PNGs and logos.

Q: Can I download the image with the shadow?

Yes! We render the shadow onto the image itself so you can download a single PNG file with the effect applied.

Add beautiful box or drop shadows to your images. Generate CSS code instantly or download the processed image.

Click to Upload Photo

or drag and drop an image here

Settings

Horizontal (X) 10px

Vertical (Y) 10px

Blur Radius 20px

Spread Radius 0px

Shadow Color

Opacity

Inset Shadow

Note: Inset shadows are preview-only and may not export.

Background:

CSS Code

box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.5);

Action Successful

Box & Drop Shadow

Support for both rectangular frame shadows and contour-following drop shadows for PNGs.

CSS Generator

Instantly generate copy-paste ready CSS code for your web projects.

Image Download

Burn the shadow effect into your image and download it as a high-quality PNG.

Add Depth to Your Images

Adding a shadow is one of the quickest ways to make an image "pop" off the screen. Whether you are designing a product showcase, a portfolio, or a social media post, a subtle shadow adds depth and professionalism.

The iLikeTOOL Image Shadow Generator allows you to visually design these effects. You can create standard rectangular Box Shadows for photos, or use the Drop Shadow filter for transparent logos and cutout images.

Features

Visual Editor: See changes instantly as you slide the controls.
Dual Modes: Switch between Box Shadow (standard) and Drop Shadow (for transparency). Note: CSS drop-shadow does not support spread radius.
CSS Export: Perfect for developers who need the exact box-shadow or filter code.
Secure: All processing happens in your browser. No uploads.

Frequently Asked Questions

What is the difference between Box Shadow and Drop Shadow?

Box Shadow adds a shadow to the bounding box of the element (rectangle), ideal for cards and photos. Drop Shadow creates a shadow that follows the shape of the image content, perfect for transparent PNGs and logos.

Can I download the image with the shadow?

Yes! Clicking "Download Image" will render the shadow permanently onto a new PNG image file.

Is this tool free?

Yes, it is 100% free and client-side secure.