Skip to content

Instantly share code, notes, and snippets.

@szbl

szbl/photoshop-css.html

Created April 30, 2014 18:38
Show Gist options
  • Save szbl/dbc170296d0bb528e233 to your computer and use it in GitHub Desktop.
Save szbl/dbc170296d0bb528e233 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
photoshop-css.html
<!doctype html>
<html>
<head>
<title>Testing</title>
<style type="text/css">
/* Begin Photoshop Copy/Paste */
.Rounded_Rectangle_1 {
border-style: solid;
border-width: 1px;
border-color: rgb( 0, 0, 0 );
border-radius: 2px;
background-image: -moz-linear-gradient( 90deg, rgb(122,12,38) 0%, rgb(184,18,57) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(122,12,38) 0%, rgb(184,18,57) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(122,12,38) 0%, rgb(184,18,57) 100%);
opacity: 0.41;
box-shadow: 1px 1.732px 2px 0px rgb( 0, 0, 0 );
position: absolute;
left: 71px;
top: 164px;
width: 323px;
height: 89px;
z-index: 2;
}
/* End Photoshop Copy/Paste */
/* This is for the text layer above the shape with blending modes */
.andy-custom-css {
font: bold 24px HelveticaNeue,Helvetica,Arial,Sans-serif;
color: #fff;
}
body {
background: #1d1d1d;
}
.canvas {
position: relative;
width: 500px;
height: 500px;
background: #fff;
margin: 2em;
border:1px solid #ccc;
}
</style>
</head>
<body>
<section class="canvas">
<input type="submit" class="Rounded_Rectangle_1 andy-custom-css">
</section>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment