色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

如何讓背景顏色逐漸轉變成另一種顏色？

CSS
錢艷冰2年前8瀏覽0評論

我想讓我的網站的背景中途變色。

它應該會褪成另一種顏色。我怎么能這么做呢？

網站的頂部是綠色的，中間變成藍色，就像這樣:

website background color changes halfway down

不確定這是否是你需要的，因為沒有附上圖片。

但是試試這個:

<!DOCTYPE html>
<html>
<head>
    <style>
        body {
            margin: 0;
            height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
            animation: colorshift 5s infinite;
            font-family: Arial, sans-serif;
        }

        @keyframes colorshift {
            0% {background: #eee;}
            50% {background: #000;}
            100% {background: #eee;}
        }

        h1 {
            color: white;
        }
    </style>
</head>
<body>
    <h1>Welcome to my website!</h1>
</body>
</html>

超級簡單，用linear-gradient()，還加了背景-附件:固定；以確保漸變不會重復。

body {
    background-image: linear-gradient(#d3ff6e, #00faff); /* customize colors here */
    background-attachment: fixed; 
}

<html>
    <body></body>
</html>