Originally Posted by
xtom
A way to apply some fancy CSS gradients like those shown on
GradientMagic website. Angular, striped, burst etc. Would be much lighter than using a png image gradient for example on large background.
xtom, here is how I use GradientMagic linear gradients.
I add to the Website/Page HTML code (body), the following:
Code:
<style>html {
height: 100vh;
background-color: red; /* For browsers that do not support gradients */
background-image:
Immediately after the GradientMagic CSS, followed with a semicolon before " /* Standard syntax (must be last) */".
And finally,
You need to ensure you have a Page Background else the gradient is applied over the full page.
Example: CSS3-GradientMagic.xar.
Acorn
Bookmarks