摘要: 谈到渐变,大家并不陌生,设计稿中经常会遇到,其中最常见的也最平凡使用的是线性渐变和径向渐变,在pc端开发,很多大型网站都需要考虑所有浏览器的兼容,通常如渐变的按钮或者背景图一般会被重构师们切成图片,而在移动开发中如果使用图片是很占流量,能不用图片尽量不使用,那么,CSS3来实现无图的渐变效果是首选的。本文以移动开发中遇到的一个径向渐变例子,讲解CSS3径向渐变在项目中的应用和以及需要注意的地方。一、径向渐变的基础知识径向渐变的概念:从起点到终点颜色从内到外进行圆形渐变(从中间向外拉)。二、径向渐变的基本语法background-image:-webkit-gradient(type,x1 y1 阅读全文
posted @ 2013-02-17 21:26 白树 阅读(8774) 评论(18) 推荐(5) 编辑