您好,登錄后才能下訂單哦!
效果圖
CSS 代碼:
*{ margin: 0; padding: 0; } body{ height: 100vh; width: 100%; overflow: hidden; background-image: linear-gradient(125deg,#F44336,#E91E63,#9C27B0,#3F51B5,#2196F3); background-size: 400%; font-family: "montserrat"; animation: bganimation 15s infinite; } .text{ color: #fff; font-size: 22px; text-align: center; margin: 350px 0; /* text-transform: uppercase; */ } @keyframes bganimation{ 0%{ background-position: 0% 50%; } 50%{ background-position: 100% 50%; } 100%{ background-position: 0% 50%; } }
以上就是CSS 實現(xiàn)背景動態(tài)漸變效果的詳細內(nèi)容,更多請關(guān)注億速云其它相關(guān)文章!
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。