• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers

P: Copy CSS for inner shadow not working

1 Vote
LEGEND ,
Mar 20, 2014 Mar 20, 2014

Copy link to clipboard

Copied

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.

Bug Fixed
TOPICS
macOS , Windows

Views

100

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Employee , Feb 04, 2015 Feb 04, 2015
Fixed in Photoshop CC (14.2.1) or later.

Votes

Translate

Translate
7 Comments
Adobe Employee ,
Mar 20, 2014 Mar 20, 2014

Copy link to clipboard

Copied

Can you post a small Photoshop document with a layer demonstrating the problem?

Votes

Translate

Translate

Report

Report
LEGEND ,
Mar 20, 2014 Mar 20, 2014

Copy link to clipboard

Copied

.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:

Votes

Translate

Translate

Report

Report
Adobe Employee ,
Mar 21, 2014 Mar 21, 2014

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Adobe Employee ,
Mar 31, 2014 Mar 31, 2014

Copy link to clipboard

Copied

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.

Senior Product Manager - Customer Advocacy - Digital Imaging

Votes

Translate

Translate

Report

Report
LEGEND ,
Mar 31, 2014 Mar 31, 2014

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Adobe Employee ,
Mar 31, 2014 Mar 31, 2014

Copy link to clipboard

Copied

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.

Votes

Translate

Translate

Report

Report
Adobe Employee ,
Feb 04, 2015 Feb 04, 2015

Copy link to clipboard

Copied

LATEST
Fixed in Photoshop CC (14.2.1) or later.

Senior Product Manager - Customer Advocacy - Digital Imaging

Votes

Translate

Translate

Report

Report