纯CSS背景渐变动画可后台定义到任何界面

定义主题 收藏
4 404

该代码在后台社区全局css填写控制导航渐变

需要其他地方请自行模仿

.header {
	margin: 0;
	width: 100%;
	font-family: "Exo", sans-serif;
	color: #fff;
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradientBG 15s ease infinite;
}
@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}





主题定义主题自定义css
  • 梦雨 梦雨 已授权
    2019-10-27 02:18:40
    #1楼 回复

    控制所有代码

    .header,.footer,.layui-btn,.fly-tip .fly-tip-stick  {
            	font-family: "Exo", sans-serif;
    	color: #fff;
    	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    	background-size: 400% 400%;
    	animation: gradientBG 15s ease infinite;
    }
    @keyframes gradientBG {
    	0% {
    		background-position: 0% 50%;
    	}
    	50% {
    		background-position: 100% 50%;
    	}
    	100% {
    		background-position: 0% 50%;
    	}
    }


    梦雨 梦雨 已授权
    2019-11-11 10:09:52

    测试app回帖


  • 梦雨 梦雨 已授权
    2019-11-11 10:10:34
    #2楼 回复

    测试app回帖


  • 玉菘伯 玉菘伯
    2019-12-06 03:20:44
    #3楼 回复

    测试不错