Skip to main content
Inspiring
March 20, 2014

P: Copy CSS for inner shadow not working

  • March 20, 2014
  • 7 replies
  • 330 views

Photoshop CC 14.2.1 layer effects are not getting copyied to CSS. So, when right-clicking the layer and copying CSS, the layer effects such as the stroke and shadows are not getting copied. Is this a bug, or do I need to do something? I'm on a Mac running Mavericks 10.9.2. Thank you.

This topic has been closed for replies.

7 replies

Legend
February 4, 2015
Fixed in Photoshop CC (14.2.1) or later.
Adobe Employee
March 31, 2014
Ah, there's not much we can do with a rasterized shape (not really a "shape" any more once it's turned into pixels). There's no geometry available to generate CSS with.
Inspiring
March 31, 2014
The problem is, this is for a client and I can't just give you the file. Also, the shape was a rasterized shape, apparently. Doing what you suggest would imply that I would re-draw the designer's work, and not knowing exactly how they made it is risky.
Legend
March 31, 2014
Hi Hugo, could you post the example PSD above where you're not getting the stroke effect? (dropbox or another service) The stroke part should work.
Adobe Employee
March 21, 2014
Inner shadow isn't supported. That wouldn't be too hard to add though, so I'll add it on the list of JDI's. The stroke should have shown up though. I'll need to take a look at your PSD (i.e., just a file w/ the problematic layer) to see what's up with that.

In the mean time, you can try using the new shape objects instead of the layer effect to create the stroke. With the rectangle tool selected, go to the option bar and select "Shape" from the pop-up on the left. Set up the stroke color/width/style in the option bar, and re-draw your rectangle.

Inspiring
March 21, 2014
.search {
background-color: rgb( 40, 43, 46 );
position: absolute;
left: 1279px;
top: 38px;
width: 14px;
height: 13px;
z-index: 221;
}

This is all I'm getting from this image with these effects:

Adobe Employee
March 21, 2014
Can you post a small Photoshop document with a layer demonstrating the problem?