You are here: Webestools > CSS3 Shadows Generator (Box-Shadow)

CSS3 Shadows Generator (Box-Shadow)

Welcome on the CSS3 Shadows Generator (Box-Shadow),
This generator lets you generate a CSS3 code that adds a shadow to an html box. This generator lets you easily configure different parameters of the shadow. You can change the size (spread), the color, the opacity, the blurriness, the type of shadow (inner or outter) and the offset of the shadow. While you change the parameters of the shadow a preview automatically updates to the new configuration. When the result satisfies you, you can directly copy the CSS3 code of the shadow in the Code section of this generator. The CSS3 properties generated with this generator works only on the newest browsers like FireFox, Safari, Google Chrome, Internet Explorer 9, Opera...

Parameters

px

%
px
Outter Inner
px
px

Result

Preview

Code

This is the CSS3 code to use to add the shadow on an HTML element:

CSS3

Help us



There is 50 online user(s)
Page generated in 0.002232 seconds
Top
Rules - Contact us - Help us - RSS News
Copyright © Webestools - Any full or partial copy of our creations is prohibited without the permission of it authors.
All quoted trademarks belong to their respective companies.