gradientcreator.com) I tried through the "CSS Properties" panel but I can not edit. I edited SVG

Posted in: #AdobeIllustrator #Css #Svg #Vector

I'd like to import a gradient in CSS (from this site gradientcreator.com) I tried through the "CSS Properties" panel but I can not edit. I edited SVG in notepad by putting CSS, but when I open the file in Illustrator the backgroud turns black. Thank you.

<?xml version="1.0" encoding="utf-8"?>

<svg version="1.1" id="Camada_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1920 1080" style="enable-background:new 0 0 1920 1080;" xml:space="preserve">
<style type="text/css">
.colorful { background: -webkit-linear-gradient(45deg, hsl(273, 95%, 74%) 0%, transparent 70%),
-webkit-linear-gradient(135deg, hsl(34, 100%, 74%) 10%, transparent 80%),
-webkit-linear-gradient(225deg, hsl(63, 96%, 68%) 10%, transparent 80%),
-webkit-linear-gradient(315deg, hsl(29, 93%, 70%) 50%, transparent 100%);
background: -ms-linear-gradient(45deg, hsl(273, 95%, 74%) 0%, transparent 70%),
-ms-linear-gradient(135deg, hsl(34, 100%, 74%) 10%, transparent 80%),
-ms-linear-gradient(225deg, hsl(63, 96%, 68%) 10%, transparent 80%),
-ms-linear-gradient(315deg, hsl(29, 93%, 70%) 50%, transparent 100%);
background: linear-gradient(45deg, hsl(273, 95%, 74%) 0%, transparent 70%),
linear-gradient(135deg, hsl(34, 100%, 74%) 10%, transparent 80%),
linear-gradient(225deg, hsl(63, 96%, 68%) 10%, transparent 80%),
linear-gradient(315deg, hsl(29, 93%, 70%) 50%, transparent 100%); }

</style>
<g id="colorful">
<rect x="0.5" y="0.5" class="st0" width="1919" height="1079"/>
<path d="M1919,1v1078H1V1H1919 M1920,0H0v1080h1920V0L1920,0z"/>
</g>
</svg>

10.02% popularity Vote Up Vote Down

: What to look for in projectors to use in murals To paint murals we will use an old 20th century overhead projector and transparencies to project images on a wall and draw preliminary outlines.

@Connie430

Posted in: #HardwareRecommendation #Tools

2 Comments

: What file type should hd wallpapers be saved as? What file type should hd wallpapers be saved as? For example, a 2560 x 1440 or larger wallpaper should be saved in what file type in order

@Connie430

Posted in: #FileFormat

2 Comments

: Get minimum bounding box around shape and text I'm trying to make an up-vote combined text/arrow symbol (such as frequently used on stackoverflow sites). From the white dragging boxes, I can

@Connie430

Posted in: #SketchApp

0 Comments

: Using a clients font to print their files Scenario: I work for a printing company. Clients design something they need printed. We receive their files along with the fonts needed for printing.

@Connie430

Posted in: #ClientRelations #FontLicensing #Fonts #Legal #PrintProduction

3 Comments

Login to post a comment!

2 Comments

Sorted by latest first Latest Oldest Best

@Phylliss782

You can import gradient as svg gradient, it rather tricky but it works:

create svg gradient with some online tool that allows to generate svg code, for example angrytools.com/gradient/ copy svg code and save it to file with svg extension.
open illustrator->File->Place and choose svg file with gradient, gradient will be imported and applied to rectangle.
create new gradient swatch: select rectangle with this gradient and drag the gradient fill from the Fill box in the Gradient Tools panel or Color panel to the Swatches panel.

10% popularity Vote Up Vote Down

@Cugini998

You can not, the program does not have that kind of gradient primitive.

10% popularity Vote Up Vote Down

Feed

: How to import CSS in Illustrator? I'd like to import a gradient in CSS (from this site http://gradientcreator.com) I tried through the "CSS Properties" panel but I can not edit. I edited SVG

More posts by @Connie430

: What to look for in projectors to use in murals To paint murals we will use an old 20th century overhead projector and transparencies to project images on a wall and draw preliminary outlines.

: What file type should hd wallpapers be saved as? What file type should hd wallpapers be saved as? For example, a 2560 x 1440 or larger wallpaper should be saved in what file type in order

: Get minimum bounding box around shape and text I'm trying to make an up-vote combined text/arrow symbol (such as frequently used on stackoverflow sites). From the white dragging boxes, I can

: Using a clients font to print their files Scenario: I work for a printing company. Clients design something they need printed. We receive their files along with the fonts needed for printing.

Login to post a comment!

2 Comments

Back to top | Use Dark Theme