BracketsでPSDをバラバラにする方法
Extract for Brackets
こんな感じのPSDを...
HTML
HTML
<a href="" class="btn">お問い合せはこちらから</a>
CSS
CSS
.btn {
font-size: 13px;
color: #463c37;
text-decoration: none;
display: inline-block;
padding: 15px 15px 15px 40px;
background: url(images/icon_mail.png) no-repeat 15px 50%,
-webkit-linear-gradient(90deg, #f7f2ee 0%, #ffffff 100%);
background: url(images/icon_mail.png) no-repeat 15px 50%,
-moz-linear-gradient(90deg, #f7f2ee 0%, #ffffff 100%);
background: url(images/icon_mail.png) no-repeat 15px 50%,
-o-linear-gradient(90deg, #f7f2ee 0%, #ffffff 100%);
background: url(images/icon_mail.png) no-repeat 15px 50%,
-ms-linear-gradient(90deg, #f7f2ee 0%, #ffffff 100%);
background: url(images/icon_mail.png) no-repeat 15px 50%,
linear-gradient(0deg, #f7f2ee 0%, #ffffff 100%);
border-radius: 5px;
border: 1px solid #d6bca4;
}
Images
一瞬でこんな感じにできます。
Author And Source
この問題について(BracketsでPSDをバラバラにする方法), 我々は、より多くの情報をここで見つけました https://qiita.com/lqd_jp/items/d7abbc378143afe2c9c2著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .