Using the CSS to fill an element with gradient colors.
Example
Examples of using -webkit-gradient property, to fill linear and radial gradients.
.rainbow { background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, red), color-stop(20%, orange), color-stop(40%, yellow), color-stop(60%, green), color-stop(80%, blue), color-stop(100%, violet)); } .ball { background-image: -webkit-gradient(radial, 35% 35%, 5, center center, 65, from(#fcae18), color-stop(80%, #f16122), to(rgba(255,255,255,0))); }