打开html开发工具,新建一个html代码页面
在html代码页面上创建
设置线性渐变。使用linear-gradient对linear类设置背景渐变样式,为了兼容其他浏览器需要对linear-gradient添加兼容浏览器的前缀。css代码:.linear{ width: 500px; height: 100px; font-size: 20px; color: #fff; text-align: center; background: -webkit-linear-gradient(left,red, green, blue); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(left,red, green, blue); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(left,red, green, blue); /* Firefox 3.6 - 15 */ background: linear-gradient(left,red, green, blue); /* 标准的语法 */ }
在html代码页面上创建
设置径向渐变。使用linear-gradient对linear类设置背景渐变样式,为了兼容其他浏览器需要对linear-gradient添加兼容浏览器的前缀。css样式代码:.radial{ background: -webkit-radial-gradient(60% 55%, closest-side,green,yellow,black); background: -o-radial-gradient(60% 55%, closest-side,green,yellow,black); background: -moz-radial-gradient(60% 55%, closest-side,green,yellow,black); background: radial-gradient(60% 55%, closest-side,green,yellow,black); }
保存html代码,使用浏览器打开即可看到径向渐变效果。
页面所有代码。可以直接复制所有代码粘贴到新建html页面,保存后使用浏览器打开即可看到效果。所有代码:
- 1
如何使用cs来给屏幕录制视频?
- 2
CSS3背景渐变
- 3
早泄喷剂哪个牌子好
- 4
鲁朗小镇旁边湖中的倒影美景
- 5
【药品说明书】复方氯乙烷气雾剂
- 6
【药品说明书】复方萘甲唑啉喷剂
- 7
【药品说明书】复方甲硝唑气雾剂
- 8
延时喷剂有什么副作用吗
- 9
中国国家地质杂志评选中国最美十大秋色景点
- 10
绝地求生训练场吉利服在哪?
- 11
【药品说明书】复方盐酸异丙肾上腺素气雾剂(混悬型)
- 12
男性常用的延时喷剂?
- 13
治疗早射最好的喷剂
- 14
美国湖区度假地推荐
- 15
夏日护肤碎碎念の做个水漾女人
- 16
【药品说明书】异丙托溴铵气雾剂
- 17
赏析杨果的《小桃红3》
- 18
正规的延时喷剂有哪些?延时喷雾剂害人!
- 19
鲸鱼沟水库,白鹿原,一个传说联一体
- 20
延时喷剂哪个好
- 21
EDIUS中门类转场怎么使用
- 22
法国evian依云喷雾怎么样辨别真假
