「テンプレート:テスト2/style.css」の版間の差分
ナビゲーションに移動
検索に移動
編集の要約なし |
編集の要約なし |
||
5行目: | 5行目: | ||
@keyframes grad{ | @keyframes grad{ | ||
0%{ | 0%{ | ||
background:linear-gradient( | background:linear-gradient(0deg, blue 50%, pink) | ||
} | } | ||
10%{ | 10%{ | ||
background:linear-gradient( | background:linear-gradient(36deg, blue 50%, pink) | ||
} | } | ||
20%{ | 20%{ | ||
background:linear-gradient( | background:linear-gradient(72deg, blue 50%, pink) | ||
} | } | ||
30%{ | 30%{ | ||
background:linear-gradient( | background:linear-gradient(108deg, blue 50%, pink) | ||
} | } | ||
40%{ | 40%{ | ||
background:linear-gradient( | background:linear-gradient(144deg, blue 50%, pink) | ||
} | } | ||
50%{ | 50%{ | ||
background:linear-gradient( | background:linear-gradient(180deg, blue 50%, pink) | ||
} | } | ||
60%{ | 60%{ | ||
background:linear-gradient( | background:linear-gradient(216deg, blue 50%, pink) | ||
} | } | ||
70%{ | 70%{ | ||
background:linear-gradient( | background:linear-gradient(252deg, blue 50%, pink) | ||
} | } | ||
80%{ | 80%{ | ||
background:linear-gradient( | background:linear-gradient(288deg, blue 50%, pink) | ||
} | } | ||
90%{ | 90%{ | ||
background:linear-gradient( | background:linear-gradient(324deg, blue 50%, pink) | ||
} | } | ||
100%{ | 100%{ | ||
background:linear-gradient( | background:linear-gradient(360deg, blue 50%, pink) | ||
} | } | ||
} | } |
2年3月30日 (ヰ) 20:09時点における版
.gradation {
animation: grad linear infinite alternate;
animation-duration: 1s;
}
@keyframes grad{
0%{
background:linear-gradient(0deg, blue 50%, pink)
}
10%{
background:linear-gradient(36deg, blue 50%, pink)
}
20%{
background:linear-gradient(72deg, blue 50%, pink)
}
30%{
background:linear-gradient(108deg, blue 50%, pink)
}
40%{
background:linear-gradient(144deg, blue 50%, pink)
}
50%{
background:linear-gradient(180deg, blue 50%, pink)
}
60%{
background:linear-gradient(216deg, blue 50%, pink)
}
70%{
background:linear-gradient(252deg, blue 50%, pink)
}
80%{
background:linear-gradient(288deg, blue 50%, pink)
}
90%{
background:linear-gradient(324deg, blue 50%, pink)
}
100%{
background:linear-gradient(360deg, blue 50%, pink)
}
}