欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

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

CSS
黃文隆2年前8瀏覽0評論

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

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

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

website background color changes halfway down

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

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

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

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

但是試試這個:

<!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>

感謝貢獻一個堆棧溢出的答案！

請務必回答問題。提供詳細信息并分享您的研究！但是要避免…

尋求幫助、澄清或回應其他答案。根據意見發表聲明；用參考資料或個人經歷來支持他們。要了解更多，請查看我們關于撰寫精彩答案的提示。