CSS shadow generator - Design Shock
DesignShock is the biggest bundle/subscription you can find in one place including icons, avatars, graphic elements, GUI packs, design sets and both web and print templates. All of them are ready and easy to use, for any purpose, created as they have been ,as organized vector based files, for over 10 years of work in partnership of 4 different sites: IconShock, ThemeShock, TemplateShock and ByPeople.

CSS shadow generator

A fantastic CSS shadow generator free for use and with tons of features, including more than 8 shadow styles, opacity, blur and position handlers, real-time preview of both design and source code. csshadowgenerator01 The generator features a very intuitive control section where you can switch between the different shadow styles and adjust their position, opacity and blur values. csshadowgenerator02 As you play with the handlers, you will be able to see a real-time preview of how your shadow is going to look like, and to make things even better, the actual CSS code will be permanently updated according to the parameters you set from the handlers. The options are almost limitless as you can combine different position values, play with the opacity and blur and choose between the different shadow styles (default, bottom, sides, top & bottom, bottom left, bottom right, etc) to create some pretty cool things.

Open CSS Shadow Generator

Full DesignShock

Get all our collections. Expand

  • . More than 2 million individual icons
    all grouped in 770 sets with vector source files.
  • . All icons area editable in their respective source file.
  • . 990+ templates and counting.
  • . 100.000 design elements.
  • . 350+ wordpress themes always up-to-date with latest wp version.
  • . 400+ pre-designed Wordpress and HTML themes.
  • . support 24/7
  • . Weekly updates