用CSS3生成的一个漂亮的android客户端页面
16lz
2021-12-04
android客户端的一个页面,顺便学习了一下webkit的一点特性。
用了下css3的线性渐变，因为android是webkit内核的，所以moz前缀的特性就省了。
background:
-webkit-gradient(linear,
left top,
left bottom,
from(#b8c6d1),
color-stop(0.1,#b1c1ce),
color-stop(0.17,#9facc0),
color-stop(0.30,#7e97ae),
color-stop(0.43,#557594),
color-stop(0.51,#3a6083),
color-stop(0.52,#0b3964),
color-stop(0.60,#0d3f6a),
color-stop(0.72,#164f79),
color-stop(0.83,#256990),
color-stop(0.93,#339999),
to(#3d8db2));
}
漂亮的导航条就是这样生成的
用了下css3的线性渐变，因为android是webkit内核的，所以moz前缀的特性就省了。
background:
-webkit-gradient(linear,
left top,
left bottom,
from(#b8c6d1),
color-stop(0.1,#b1c1ce),
color-stop(0.17,#9facc0),
color-stop(0.30,#7e97ae),
color-stop(0.43,#557594),
color-stop(0.51,#3a6083),
color-stop(0.52,#0b3964),
color-stop(0.60,#0d3f6a),
color-stop(0.72,#164f79),
color-stop(0.83,#256990),
color-stop(0.93,#339999),
to(#3d8db2));
}
漂亮的导航条就是这样生成的
更多相关文章
- Android(安卓)Drawable系列（1）：自定义背景以及注意事项
- Android学好Shape不再依赖美工
- Android(安卓)Shape属性(内含一个Button完整的xml定义)
- Android(安卓)O新特性系列
- 2012-7-23 android shape
- Android中shape的使用
- Android(安卓)Drawable之GradientDrawable
- 用CSS3生成的一个漂亮的android客户端页面
- android:shape的使用