https://blog.kaneko996.dev/2026-06-17monthly1.0
a {
position: relative;
text-decoration: none;
color: black;
border-bottom: 2px solid lightseagreen;
span {
position: relative;
z-index: 2;
}
/* 背景アニメーション用 */
&::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0%;
background: lightblue; /* ボタン色*/
z-index: 1;
transition: height 0.3s ease;
}
/* 下から上に満ちる */
&:hover::before {
height: 100%;
}
}
https://blog.kaneko996.dev/20260211.html2026-02-24
https://blog.kaneko996.dev/20260322.html2026-03-23
https://blog.kaneko996.dev/20260418.html2026-05-09
https://blog.kaneko996.dev/20260518.html2026-06-17