ホバー時に文字を瞬間的に拡大
ホバー時に文字を瞬間的に拡大する表現方法。
Source Code
右上の「コピー」からご利用ください。
コピー
<a class="my-parts" href="#">テキスト</a>コピー
.my-parts {
display: inline-block;
text-decoration: none;
}
.my-parts:hover {
cursor: pointer;
animation: my-parts .3s ease 0s;
}
@keyframes my-parts {
50% {
transform: scale(1.2);
}
}
