PHOTOSHOP - Copy CSS from regular Layers and Smart Objects (to later use with Extract)

  • 1
  • Idea
  • Updated 3 years ago
  • (Edited)
So far, copy css works on individual Shape and Text layers, or multiple ones stored in a group.

It makes designing to the web practical.

Second good thing is that Photoshop can now export your individual layers to properly named files.

Except those files are not placed at all and will have to be manually tweaked after.

In a world of only RWD, my idea might not make sense, but since I'd love to see Ps export an absolute html from my layered doc, as a starting point, this improvement could help :

Here is what I get from the Shape Layer Copy CSS :
.Ellipse_1_copie {
border-width: 20px;
border-color: rgb(255, 255, 255);
border-style: solid;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.302);
position: absolute;
left: 650px;
top: 1147px;
width: 473px;
height: 473px;
z-index: 5;
}

Here is what I'd like for any image layer :

img .MySmartObjectLayerName {
position: absolute;
left: 650px;
top: 1147px;
width: 473px;
height: 473px;
z-index: 3;
}

As a bonus, this step could help provide ways to Animate, DreamWeaver or Muse.
Photo of Franck Payen

Franck Payen

  • 75 Posts
  • 6 Reply Likes

Posted 3 years ago

  • 1

Be the first to post a reply!