大家知道在css3里有一个过渡渐变的效果，那么这次就来和大家交流一下过渡渐变使用方法和以及使用技巧，下面给大家举一个小列子。
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
-webkit-gradient(渐变类型，起点，结束点,[开始颜色，结束颜色，过渡色])
· 线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向
· 径向渐变（Radial Gradients）- 由它们的中心定义
立即学习“前端免费学习笔记（深入）”；
linear-gradient（颜色1，颜色2）
线性渐变的使用：
radial-gradient
颜色均匀分布
background: -webkit-radial-gradient(red, green, blue);
颜色按照百分比分布
background: -webkit-radial-gradient(red 5%, green 15%, blue 60%);
案列：
nbsp;html>无标题文档 #dv{ border:1px solid #000; width:150px; height:150px; /*background: -webkit-radial-gradient(red, green, blue); background: -webkit-radial-gradient(red 5%, green 15%, blue 60%);*/ background: -webkit-radial-gradient( red, yellow, green); }
登录后复制
过渡渐变的使用方法就这么多了， 更多精彩请关注【创想鸟】background相关文章！
相关阅读：
background
background
background
以上就是CSS3怎么做出过渡渐变效果的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3121484.html
