时间戳

首页 > 解决方案 > 我正在尝试在 html 中制作动画背景，但它突然变成了动画。现在要做什么？

html - 我正在尝试在 html 中制作动画背景，但它突然变成了动画。现在要做什么？

问题描述

** 我在制作这个动画时遇到很多麻烦，不能突然移动。这是我的代码。请尝试修复它

https://www.w3schools.com/code/tryit.asp?filename=GPTXZA82COCB* *

<html>
<head>
<style> 
body{
    background-image:linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
    background-repeat: no-repeat;
    height: 1000px;
    animation-name: bodyanime;
    animation-timing-function: ease-in-out;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

@keyframes bodyanime{
    to{
        background-image:linear-gradient(140deg, #EADEDB 0%, #BC70A4 50%, #BFD641 75%);
    }


    from{
    background-image:linear-gradient(140deg, #BC70A4 0%, #BFD641 50%, #EADEDB 75%);


}}
</style>
</head>
<body>


</body>
</html>

标签： htmlcssanimationcss-animationsbackground-color

解决方案

推荐阅读