バインバイン動く見出し

DEMO

タイトルが入ります

HTMLとCSSをまとめてコピーする

HTML

		<h2 class="head03">タイトルが入ります</h2>
HTMLをコピーする

HTML説明

必要な文字に打ち換えてご使用ください。

CSS

		<style>
.head03 {
	width: 100%;
	text-align: center;
	color: #ffa8ce;
	animation: bainbain 1s infinite;
}

@keyframes bainbain {
  0% {
    transform: scale(1, 0.8);
  }
  20% {
    transform: scale(0.8, 1.1);
  }
  90% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 0.8);
  }
}
</style>
cssをコピーする

CSS説明

色の変更方法
色コードを任意のものに書き換えてください。
文字の色＝5行目