假设我想让背景介于黑色和蓝色之间。我正在使用代码
<head>
<style>
body {background:skyblue;}
</style>
</head>
<body>
code
</body>
</html>
我希望它每2秒变为{background:black;}，然后切换回蓝色。我该怎么做？
<head>
<style>
body {
animation: switch 2s linear 0s infinite alternate forwards;
}
@keyframes switch {
from {
background:skyblue;
}
49.9% {
background:skyblue;
}
50.1% {
background:black;
}
to {
background:black;
}
}
</style>
</head>
<body>
code
</body>
</html>这里有一种方法，但有这样极端的图形效果被认为是不好的做法，因为如果人们不得不长时间看这样的屏幕，这可能会让人头疼。谨慎使用动画。