用CSS3生成的一个漂亮的android客户端页面
16lz
2021-01-23
阅读更多 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 O新特性系列
- android studio线性布局，相对布局，TestView
- Android 4.4 新特性分析-15项大改进!
- Android LinearLayout线性布局（上下左右 正中间）示例
- Android平台架构及特性（1）
- Android P新特性:强制执行 FLAG_ACTIVITY_NEW_TASK 要求
- Android4.1（Jelly Bean）API新特性尝鲜
- 关于设置线性布局及其他布局的宽高
- Android 1.6 关于SD卡的新特性