CSS Single Shadow Preview

Compare inset and outer shadows on a fixed card with light or dark backgrounds.

Enable JavaScript for interactive processing. You can read the instructions, limits, and FAQs below without it. Files are processed only in your browser.

CSS Single Shadow Preview User Guide

Preview a single CSS shadow on a fixed card; adjust offset, blur, spread, color and opacity, then copy the declaration.

How to use

Enter the shadow offsets, blur and spread.
Set the HEX color, opacity and inset option; switch backgrounds to compare.
Copy the CSS declaration and check it on the actual page.

Formats and limits

Offsets and spread are limited to -100–100 px, blur to 0–100 px, and opacity to 0–1.
Only single shadows and #RGB / #RRGGBB colors are supported; actual backgrounds and clipping can change the appearance.
Calculation stays in your browser and is cleared when you leave.

Output

A copyable single-layer box-shadow CSS declaration.

Frequently asked questions

Can I create multiple shadows?

No. This tool previews and outputs a single shadow.

The file name and content are only processed in your browser and are not transmitted to the server. The original file will not be overwritten. Please export the required results before leaving the tool.

All tools

Data

CSS Single Shadow Preview
Adjust a single box-shadow, preview it and copy CSS.
CSS Easing Curve Preview
Adjust a cubic-bezier curve and compare it with linear easing.
Unix Timestamp Converter
Convert between Unix timestamps and UTC date-times.
Text Base64 Converter
Convert UTF-8 text to or from standard Base64 and Base64URL.
JWT Inspector
Decode JWT header and payload while retaining the JSON text.
Regular Expression Tester
Test JavaScript regular expressions in a worker and list matches.
URL Structure Inspector
Inspect the host, path, and query parameters of an HTTP URL.
Integer Base Converter
Convert integers exactly between bases 2 and 36.
Secure Password Generator
Generate a random password with browser cryptographic randomness.
Secure Random Integer
Draw an integer within a specified range using secure randomness.
IPv4 Subnet Calculator
Calculate the network, mask, and broadcast address for IPv4.
CSV Column Selector
Select and reorder CSV columns, preserving every cell as text in a new copy.
CSV / TSV Converter
Preview the table, retain text and leading zeros, and export a new copy.
JSON Formatter
Indent or compress JSON, preserving numeric precision and field order.
File Base64 Encoder & Decoder
Convert files to Base64 text, or restore text to files.
URL Encoder & Decoder
Convert text to URL element encoding, or restore percent encoding.
UUID Generator
Generate UUID v4 in batches locally, copy or export the list.

Images

RGB Image Histogram
View RGB pixel distributions in an opaque PNG.
Multi-size ICO generator
Turn a square PNG or JPG into one ICO containing the selected sizes.
Barcode Image Reader
Read one common linear barcode from a still image, showing its format and content.
Animated GIF Maker
Combine same-sized images into an animated GIF in sequence.
Image Art Filters
Apply grayscale, sepia, or inversion and export a PNG.
Image Watermark
Overlay an image or logo in the lower right and export PNG.
QR Code Image Reader
Read one QR Code from a still image and review its text.
HEX Color Converter
Convert a HEX color to RGB and HSL values.
PNG Alpha Mask Exporter
Convert raw PNG alpha values into a grayscale mask: white is opaque and black is transparent.
ID Photo Cropper
Crop a photo for the selected purpose, manually check its composition, and export JPG.
Image Dimension Annotator
Draw dimension lines on an image, enter values and units manually, then export a PNG.
Dual Image Overlay Comparator
Compare two same-size images in shared coordinates using a split view or crossfade.
Seamless Texture Seam Previewer
Use a 3×3 tile and half-size cyclic shifts to move texture boundaries where they are easy to inspect.
PNG Transparent Border Cropper
Precisely trim fully transparent outer rows and columns by alpha while preserving shadows and transparent holes.
Sprite Sheet Player
Preview multiple SpriteSheets in the same frame size, sort, frame by frame, and adjust playback speed.
Sprite Sheet Studio
Arrange frames, preview animations, export to PNG/JPG/BMP, batch ZIP and projects.
Image Converter & Compressor
Convert JPG, PNG, and WebP to and from each other, adjust size and file size.
Screenshot Redactor
Manually frame and crop, and cover sensitive information in screenshots with solid colors.
Image Background Remover
Identify subjects locally, preview and export transparent PNGs.
Image Stitcher
Arrange multiple pictures vertically, horizontally or in a grid to create a new picture.
Text Watermark
Set the text, position and transparency, and export the annotated image.
Image Color Picker
Click on the original image pixel to copy HEX, RGBA or save the color chip.
Rotate & Flip Images
Rotate 90 degrees, flip horizontally or vertically, and export a new copy.
Round Image Corners
Set the corner radius, preserve transparent corners and export as PNG.
Image Grid Slicer
Slice multiple images using a shared grid, custom names and split ZIP files.
Image Information Viewer
Inspect image dimensions, formats and available details in batches.
Color Contrast Checker
Check the WCAG contrast of the text and background solid color code.
Add Image Borders
Add a solid-color border of equal width around the image to retain the original size.

Text

Fixed-Length Text Wrapping
Insert line breaks at a specified grapheme count, preserving emoji, combining characters and existing paragraphs.
Text Line Frequency Table
Count each exact line and its first position, sorted by frequency.
Text Case Converter
Convert text to upper or lower case.
Line Prefix and Suffix
Add a prefix and suffix to each line.
Literal Text Replacement
Replace all case-sensitive literal matches.
Line Numbering
Number lines in input order.
Text Reverser
Reverse text by Unicode grapheme.
HTML Entity Converter
Escape special characters or decode HTML character references.
UTF-8 Hex Converter
Convert text to UTF-8 bytes or decode valid hexadecimal data.
English URL Slug Generator
Turn English text into a lowercase hyphenated slug.
Text Code Point Viewer
Inspect code points and UTF-16 offsets in logical order.
All code points · Invisible characters
Markdown Formatter
Organize lists, blank lines, and tables, and retain the original manuscript and content.
Convert Text to UTF-8
Export a copy from UTF-8 or Big5 and check encoding and line breaks.
Text File Merger
Arrange UTF-8 text files, set separation and then merge and export.
Text Statistics
View the number of characters, graphemes, lines, and UTF-8 bytes.
Text Line Cleaner
Remove blank or duplicate lines, sort by clear rules and export.
Clean up lines · Trim edges only
Text Diff
Compare the two texts line by line to see clearly the differences in additions, deletions and line breaks.

Video

SRT Subtitle Time Shifter
Shift SRT subtitles earlier or later while preserving text and cue numbers.
Video Trimmer
Select the start and end times, re-encode locally and export to WebM.
Video Frame Capture
Move to the specified time and export the current screen to PNG.
Video Contact Sheet
Evenly capture multiple time points to create an overview map with time annotations.
Video Information
View size, duration and size of batches, and export TXT/JSON list.
Video Muting and Audio Separation
Remove sound only, or export silent WebM video and separate audio together.
Separate Video & Audio · Mute video

Files

File Hex Viewer
Page through bytes, decimal offsets and ASCII in one file.
ZIP Directory Viewer
Read ZIP central-directory paths and declared sizes, then copy or download a TXT listing.
File Content Comparison
Check the complete file piece by piece to make sure every byte is the same.
Batch File Renamer
Add the prefix and serial number, preview and package it into a renamed copy.
Split Files into ZIP Packages
Divided into independent ZIPs according to capacity, complete delivery list attached.
File SHA-256 Checksums
Batch calculation file summary, copy or export complete checklist.

Audio

WAV Channel Split and Reverse
Split stereo WAV channels or reverse mono or stereo audio.
WAV Audio Trimmer
Cut short WAV audio files, audition, fade and export.
WAV Volume Adjustment
Adjust WAV gain or peak normalization, listen to it and export it.