html+css 动态渐变背景

html+css 动态渐变背景,第1张

先给背景设置了渐变颜色并且旋转一定角度,实现斜着的渐变效果。

接下来把背景放大500%,然后设置了一个15秒的动画,动画infinite无限循环。

动画部分就是对背景进行一个定位,实现渐变颜色的动态切换。

html结构

css样式

gitee地址: siebe/html-css-demo (https://gitee.com/siebe/html-css-demo)

你好,方式有很多哦,随便列举3种方式:

使用本身就是动态变化的(gif)作背景。但是gif图不仅要求图片长宽大,而且清晰度也要高。

使用几张图片,用javascript每隔一段时间刷新背景图片的url地址为每一张图片。

使用HTML5 动画技术。

是插入 动态的背景 background-image: url(img/xx.gif)

还是动态的替换背景$("选择器").css('background-image','你想换的')


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8295214.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存