css3制作的背景渐变动画效果

admin CSS 2022-02-05 15:08:49 css3 渐变 css3 渐变动画 css3 背景渐变"

实现效果

实现代码

html

Pure CSS Animated Gradient Background


	Download Source
	Visit my Website


 with  by Manuel Pinto

css3

body {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

以上就是css3实现的加载动画效果的详细内容，更多关于css3 加载动画的资料请关注潘少俊衡其它相关文章！