CSSだけボタンホバーエフェクト ふわっと拡大【備忘録】

WordPress, カスタマイズ, 制作, カスタマイズ, ホバー, ボタン, 拡大

いつもいつも忘れて、どうだったか探し回るのも疲れたのでww

ハナからこうしておけばよかった…

CSSだけでボタン(img)がふわっと拡大するメモメモ…

imgにclass名「hover10」と命名

それに対してかいたCSS

.hover10 {
transition: all 0.6s ease 0s;
}
.hover10:hover {
cursor: pointer;
transform: scale(1.1, 1.1);
}

これでふわっと拡大ボタンのできあがり