CSSPLAY

CSS DEMOS › CSS3 - Borders, Shadows and Radial Gradients

Date : 7th March 2014

For all modern browsers

Information

Just a simple demonstration to show the power of CSS 'border', 'box-shadow' and 'radial-gradient' together with ::before and ::after pseudo-elements.

The code for this demos is VERY simple:

<div class="pebble">
	<div></div>
	<div></div>
	<div></div>
</div>
<div class="spider">
	<div></div>
	<div></div>
</div>

It is just a pity that Safari has not been updated to use un-prefixed styles and still uses non-standard '-webkit-radial-gradient'.

Copyright

Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.

1. If you are using this on a personal web site then please retain the copyright comment in the stylesheet.
   A support donation is now required for this demonstration.
2. If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at}cssplay.co.uk and again a support donation is required.
3. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.