: Multiple backgrounds like with CSS3 in Illustrator How can I create the same effect with Illustrator as with following CSS: background: linear-gradient(#5d7aa4, transparent) fixed,

@Murray976

Simple Blue to Blue linear Gradient....



Add a new fill via the Appearance Panel and set the new fill to be the purple gradient 100% to Transparent...



Then to adjust the angle of the purple gradient, grab the Gradient Tool and click-drag from the bottom right corner upwards....



Or just enter "135" in the angle field for the gradient (matches the 45°/-45° "to top" gradient angle in CSS.. but not necessarily the gradient length)....



That should get you close...



Adjust further as desired.

Chances of you exactly matching CSS blend modes and settings in any image editing application are somewhat minimal. CSS does it's own browser-specific translations. In addition, coordinates are always window or parent object specific with CSS, so gradient lengths can easily change in CSS (this is the biggest difference). This also can result in angles appearing different even if they are still set to the same degree.

Vote Up Vote Down