Le 7 mars 2014 à 05:26, John <[email protected]> a écrit :

> Shapes in question can be seen here.  
> http://coffeeonmars.com/screenshots/ShapesToCss.png

Depends what the use case is…
If it is a decorative element or background, your best bet is an SVG file (with 
PNG fallback), as Tom notes. This can even be used with the border-image 
property.
On the other hand, if it is actual content that you want to display in that 
shape, CSS transform [1] is your friend (rotate, scale, skew) - and box-shadow, 
borders, gradients for additional decoration. IE 9 and older won't do it and 
just display a regular rectangular box.

[1] http://dev.w3.org/csswg/css-transforms/

Philippe
--
Philippe Wittenbergh
http://l-c-n.com




______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to