こんにちは。ささめまです。
平行四辺形のボタンってかっこいいですよね…！
作り方のメモ残しておきます。
＼ コピペでそのまま使えます ／
demo
html
<a href="#" class="button_link">
<span>button</span>
</a>css
.button_link {
width: 280px;
height: 40px;
color: #81d8d0;
text-align: center;
text-decoration: none;
background: transparent;
display: block;
border: solid 2px #81d8d0;
transition: all 200ms ease-in;
transform: skew(-10deg);
}
.button_link:hover {
color: #ffffff;
background-color: #81d8d0;
}
.button_link span {
font-weight: 600;
display: inline-block;
transform: skew(10deg);
}design
かっこいーい！
シンプルだけどボタンがちょっとこう凝ってるだけで
このサイトおしゃれだなぁっていう印象になりますよね。
平行四辺形ボタン好きだからいろんなサイトで使われてほしいです！使ってね。
ではでは
