How would the CSS values of these parameters:
Look like in CSS? I'm curious if there is way to convert these values also for future projects.
asked Jan 7, 2019 at 9:10
Add a comment
|
2 Answers
You can extract CSS straight from Illustrator... though I think it may be limited to the CC version.
Select the object and go Window > CSS Properties
Now if you want to save this drop shadow in illustrator, you can drag the object with the shadow into the Window > Graphic Styles panel. The contents of this panel are not global in the sense that if you open a new document, that graphic style won't be there. After adding a new graphic style, you need to save the graphic library (fly-out menu in the panel) and load it in future projects.
-
For me, this solution displays colors, dimensions, and the border radius, but not the drop shadow. Does anyone know why this could be?– ACJCommented Jul 10, 2023 at 11:01
What about using an online shadow generator like this one html-css-js.com, has exactly the same parameters:
-webkit-box-shadow: 0px 0px 6px 5px rgba(0,0,0,0.3);
box-shadow: 0px 0px 6px 5px rgba(0,0,0,0.3);
Another option: css3studio.com
.css-box-shadow{
/*start ------------*/
width: [object Object]px;
height: [object Object]px;
background: #F8F8F8;
border: solid #BDBDBD 1px;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.3) ;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3) ;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3) ;
}
-
1
