背景颜色动态循环CSS
记录一下,misubmit为我博客留言的按钮。下面引用的代码可以直接使用。
#misubmit {background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size: auto;background-size: 1000% 1000%;animation: gradientBG 30s ease infinite;}
/* 动画,控制背景 background-position */
@keyframes gradientBG {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
下面是思路
先设置渐变背景: background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);变化角度和颜色
设置背景尺寸比容器大几倍:background-size: 1000% 1000%;
再搞个循环动画,控制背景移动:background-position
噢噢,原来是这段代码~感谢分享。
对,就是这个代码,你的主题跟我的一样,能直接用
嘿嘿,刚用上..
很酷吧,哈哈
现在看,没有变色效果
你对CSS的理解比我好,我自从用了tailwindcss后,现在原生的都快忘记怎么写了。🙁
tailwindcss这个好像很酷啊