・ここでは、ぷくっと膨れ上がった状態が普通で、マウスオーバーで沈みこむといったボタンを作成する。
使い方
<style>
#tsukaikata {
width: fit-content;
padding: 5px 10px;
position: fixed;
top: 5px;
right: 20px;
background: lightslategray;
border-radius: 7px;
color: white;
cursor: pointer;
border-bottom: 3px solid #555;
}
#tsukaikata:hover {
margin-top: 3px;
border-bottom: 1px solid #555;
}
</style>
<div id="tsukaikata">使い方</div>
参考
https://jajaaan.co.jp/css/button/