「テンプレート:色変化/style.css」の版間の差分

提供:WikiWiki
ナビゲーションに移動 検索に移動
編集の要約なし
( (トーク) による版 8367 を取り消し)
タグ: 取り消し
99行目: 99行目:
.a5{
.a5{
font-weight:bold;
font-weight:bold;
background-size:auto;
animation:k5 500ms infinite;
animation:k5 500ms infinite;
}
}

2年3月18日 (W) 09:13時点における版

@keyframes k1{
	0%{
		color:#ff0000;
	}
	10%{
		color:#007fff;
	}
	20%{
		color:#ff00ff;
	}
	30%{
		color:#00ff00;
	}
	40%{
		color:#ff007f;
	}
	50%{
		color:#7f00ff;
	}
	60%{
		color:#ff7f00;
	}
	70%{
		color:#ff007f;
	}
	80%{
		color:#0000ff;
	}
	90%{
		color:#7fff00;
	}
	100%{
		color:#00ff7f;
	}
}
@keyframes k2{
	from{
		color:#ffffff;
	}
	to{
		color:#000000;
	}
}
@keyframes k3{
	0%{
		color:#ffffff;
	}
	50%{
		color:#000000;
	}
	100%{
		color:#ffffff;
	}
}
@keyframes k4{
	0%{
		color:#ffffff;
	}
	50%{
		color:#ffffff;
	}
	51%{
		color:#000000;
	}
	100%{
		color:#000000;
	}
}
@keyframes k5{
	0%{
		color:#ffff00;
		background-color:#000000
	}
	50%{
		color:#ffff00;
		background-color:#000000
	}
	51%{
		color:#000000;
		background-color:#ffff00;
	}
	100%{
		color:#000000;
		background-color:#ffff00
	}
}
.a1{
	animation:k1 4s infinite;
}
.a2{
	animation:k2 3s 1;
}
.a3{
	animation:k3 4s infinite;
}
.a4{
	animation:k4 500ms infinite;
}
.a5{
	font-weight:bold;
	animation:k5 500ms infinite;
}