CSS3 - Linear Background and rounded Corners

[Acorn]

A time back a TGer asked if a background could be added to a text block.

The Xara approach is to use a box (as the background) soft-grouped with a text line which forces the box to grow down; across is defined by the width of the text line. Those of us with XDPX10 can make our own, otherwise you may need to use the Web Catalogue and insert a Text Panel. I have also made my own static background then then tweaked it to fit.

This approach uses CSS3, which does not need a background image and the layout is totally linked to then text block size and shape.

There is more design involved and tweaking but some may find a use...

... if you do, please send in your examples.

CSS3 - Linear Background and rounded Corners.web

Acorn

[gwpriester]

Thanks for this, Acorn.

[Boy]

Nice addition. Thanks Acorn.

[gracehjs]

Acorn keeps coming up with these gems. We need a way to store them all in one place.

[Fred C]

I agree Grace; suggest here:

Forum>Other Xara forums>Xara Resources>Xara Tips & Tricks


Good tip, Acorn! Thanks.