用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));
}
漂亮的导航条就是这样生成的
- view.rar (1.3 KB)
- 下载次数: 8
更多相关文章
- android:shape的使用
- android:shape的使用
- Android(安卓)O新特性系列
- Android:shape的使用详解(2)
- Android(安卓)ListView元素间隙线自定义渐变效果
- 【Android(安卓)界面效果19】Android中shape的使用
- android:shape的使用
- android:shape的使用
- Android(安卓)shap 控件美化