ボタンが繰り返し大小にアニメーションするcss

LPに使えそうなボタンが…でっかくなcch👂👂👂
大小にアニメーションするボタン。
LPなので勝手に画像ボタンを想定。

画像ボタンが拡大したり縮小したりする

デモ

HTML

<div class="cv_btn">
  <a href="#"><img src="画像URL"></a>
</div>

CSS

.cv_btn {
  margin: 0 auto;
}
.cv_btn img {
  animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin:center;
}
@keyframes anime1 {
  from {
    transform: scale(0.9,0.9);
  }
  to {
    transform: scale(1,1);
  }
}

コメントを残す