CSS Gradients and Drop Shadows for Bootstrap

In this post

CSS for creating bootstrap drop shadows and gradients that you can copy, tweak and paste. Practical CSS code examples you can use now.

Here are a couple quick code samples that you can add to your CSS for future use. The examples below generate gradients and bootstrap drop shadows for your designs.
Bootstrap Drop Shadow

These drop shadows can be altered to reflect into what ever direction you need by altering the webkit and box shadow options in the CSS.


Bootstrap Inner Shadow

One Side

Bootstrap Gradients

Simply change the hex values below to create your own custom gradients.





CSS Gradients and Drop Shadows for Bootstrap Click To Tweet