「テンプレート:テスト2/style.css」の版間の差分

提供:WikiWiki
ナビゲーションに移動 検索に移動
編集の要約なし
タグ: 手動差し戻し
編集の要約なし
1行目: 1行目:
.gradation {
.gradation {
   animation: grad .10s linear infinite normal;
   animation: grad linear infinite normal;
  animation-duration: 10s;
}
}
@keyframes grad{
@keyframes grad{
7行目: 8行目:
}
}
10%{
10%{
background:linear-gradient(90deg, blue 0%, pink)
background:linear-gradient(90deg, blue 10%, pink)
}
}
20%{
20%{
background:linear-gradient(90deg, blue 10%, pink)
background:linear-gradient(90deg, blue 20%, pink)
}
}
30%{
30%{
background:linear-gradient(90deg, blue 20%, pink)
background:linear-gradient(90deg, blue 30%, pink)
}
}
40%{
40%{
background:linear-gradient(90deg, blue 30%, pink)
background:linear-gradient(90deg, blue 40%, pink)
}
}
50%{
50%{
background:linear-gradient(90deg, blue 40%, pink)
background:linear-gradient(90deg, blue 50%, pink)
}
}
60%{
60%{
background:linear-gradient(90deg, blue 50%, pink)
background:linear-gradient(90deg, blue 60%, pink)
}
}
70%{
70%{
background:linear-gradient(90deg, blue 60%, pink)
background:linear-gradient(90deg, blue 70%, pink)
}
}
80%{
80%{
background:linear-gradient(90deg, blue 70%, pink)
background:linear-gradient(90deg, blue 80%, pink)
}
}
90%{
90%{
background:linear-gradient(90deg, blue 80%, pink)
background:linear-gradient(90deg, blue 90%, pink)
}
}
100%{
100%{
background:linear-gradient(90deg, blue 90%, pink)
background:linear-gradient(90deg, blue 100%, pink)
}
}
}
}

2年3月30日 (ヰ) 19:45時点における版

.gradation {
  animation: grad linear infinite normal;
  animation-duration: 10s;
}
@keyframes grad{
	0%{
		background:linear-gradient(90deg, blue 0%, pink)
	}
	10%{
		background:linear-gradient(90deg, blue 10%, pink)
	}
	20%{
		background:linear-gradient(90deg, blue 20%, pink)
	}
	30%{
		background:linear-gradient(90deg, blue 30%, pink)
	}
	40%{
		background:linear-gradient(90deg, blue 40%, pink)
	}
	50%{
		background:linear-gradient(90deg, blue 50%, pink)
	}
	60%{
		background:linear-gradient(90deg, blue 60%, pink)
	}
	70%{
		background:linear-gradient(90deg, blue 70%, pink)
	}
	80%{
		background:linear-gradient(90deg, blue 80%, pink)
	}
	90%{
		background:linear-gradient(90deg, blue 90%, pink)
	}
	100%{
		background:linear-gradient(90deg, blue 100%, pink)
	}
}