Use this demo to create CSS background-image gradients. The CSS markup works in browsers (including Internet Explorer 10, Chrome, Firefox, Opera, Safari) that support CSS3 gradients in unprefixed form or with any of the following vendor prefixes: -ms-, -moz-, -o-, -webkit-.
| Existing markup: |
Click to paste existing CSS background-image markup
that follows the format that is consistent with this demo's CSS markup.
|
||||||||||||
| Gradient style: | |||||||||||||
| Stops: |
|
||||||||||||
| Direction: | |||||||||||||
| Sample: |
Your browser may not be compatible with this demo.
This demo only supports CSS gradients unprefixed or with -ms-, -moz-, -o-, and -webkit- prefixes. |
||||||||||||
| CSS markup: |