はてなブックマークのボタン
はてなブックマークのボタンを自作する際のサンプルです。
はてなブックマーク
Source Code
右上の「コピー」からご利用ください。
コピー
<div class="my-parts">はてなブックマーク</div>コピー
.my-parts {
display: inline-block;
padding: .6em 1em .6em 2.5em;
margin: 0 0 .4em;
background-color: #008fde;
color: #fff;
font-size: 16px;
cursor: pointer;
position: relative;
}
.my-parts::after {
position: absolute;
content: "B!";
font-family: "FontAwesome";
top: 50%;
left: .5em;
transform: translateY(-50%);
font-size: 1.2em;
font-weight: bold;
}
