CSS

HTMLの書き方

head終了タグ直前に自作のCSSを読み込みます。

<link rel="stylesheet" type="text/css" href="css/5-1.css">

bodyに対してCSSを適応します。
 

CSSの書き方

body{
	animation: bgchange 20s ease infinite;/*変化の時間を変更したい場合は20sの部分を好きな時間に変更*/
}

@keyframes bgchange{
	0%   {
		background:#ffe6e1;
	}/*変化させたい色*/
	25%  {
		background:#fdcb9e;
	}/*変化させたい色*/
	50%  {
		background:#fdcbc1;
	}/*変化させたい色*/
	75%  {
		background:#ffff8c;
	}/*変化させたい色*/
	90%  {
		background:#b2dffb;
	}/*変化させたい色*/
	100% {
		background:#ffe6e1;
	}/*変化させたい色*/

}