¿Cómo importar CSS en Illustrator?

Me gustaría importar un gradiente en CSS (desde este sitio http://gradientcreator.com ) Lo intenté a través del panel "Propiedades de CSS" pero no puedo editar. Edité SVG en el bloc de notas poniendo CSS, pero cuando abro el archivo en Illustrator, el fondo se vuelve negro. Gracias.

<?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>

Respuestas (2)

No se puede, el programa no tiene ese tipo de gradiente primitivo.

Puede importar degradado como degradado svg, es bastante complicado pero funciona:

  • cree un gradiente svg con alguna herramienta en línea que permita generar código svg, por ejemplo, http://angrytools.com/gradient/
  • copie el código svg y guárdelo en un archivo con extensión svg.
  • abra el ilustrador->Archivo->Colocar y elija el archivo svg con degradado, el degradado se importará y aplicará al rectángulo.
  • cree una nueva muestra de degradado: seleccione un rectángulo con este degradado y arrastre el relleno degradado desde el cuadro Relleno en el panel Herramientas de degradado o el panel Color al panel Muestras.
Gracias por la respuesta, muy interesante este sitio angrytools principalmente porque convierte el código a SVG, veo que no es posible pegar el código CSS en la herramienta, ¿conoces algún sitio web que esto sería posible?. Gracias.
sí, acabo de buscar en google y encontré kmhcreative.com/downloads/CSS2SVG.htm
svg tampoco tiene gradiente angular, pero hay algunas soluciones: stackoverflow.com/questions/2465405/svg-angular-gradient
Por favor, vote la respuesta en lugar de 'gracias' :)
¿Cómo importar CSS en Illustrator?
RespuestasAquíPolítica de privacidad1y, 0v