HTML5CSS3的图片渐变。只能渐变第一张。第二张图片直接变没了。求大神告诉!

HTML5CSS3的图片渐变。只能渐变第一张。第二张图片直接变没了。求大神告诉!,第1张

.ul li img{width:100%height:100%}

.ul li:nth-child(1){animation-dalay:0s-moz-animation-delay:0s}

.ul li:nth-child(2){animation-dalay:3s-moz-animation-delay:3s}

改成

ul li img{width:100%height:100%}

ul li:nth-child(1){animation-dalay:0s-moz-animation-delay:0s}

ul li:nth-child(2){animation-dalay:3s-moz-animation-delay:3s}

html中将背景颜色渐变步骤如下:

1、先使用一个div标签

2、然后在header标签里面设置<div>标签的css样式。

3、颜色渐变要有一个范围,需要给div设定width和height,也就是宽度和高度。

4、然后设定div的background背景属性,如图所示,背景颜色渐变就用到-webkit-linear-gradient。

5、接着,在-webkit-linear-gradient里面写top,设定渐变从顶部开始,到底部结束。

6、再设定颜色的渐变顺序,比如我设置了从白色渐变到蓝色。

7、做完这些之后,div背景渐变就成功了。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存