-webkit-mask-box-image给框架加个同样大小的遮罩
2016-05-18 21:09
309 查看
很棒的css属性,可以在div上方建个同大小的遮罩,配合线性变化gradient可以实现很酷的样式,比如:时间选择的UI组件,里面有个模糊的上方遮罩
手册地址:https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-mask-box-image
需要注意的是,上面手册提到可以兼容安卓4.1+,但是我测试不支持4.2,支持4.3和4.3以上
项目中用到的代码如下:
-webkit-mask-box-image:-webkit-linear-gradient(bottom,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);
手册地址:https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-mask-box-image
需要注意的是,上面手册提到可以兼容安卓4.1+,但是我测试不支持4.2,支持4.3和4.3以上
项目中用到的代码如下:
-webkit-mask-box-image:-webkit-linear-gradient(bottom,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);
相关文章推荐
- 博弈论(转)
- 简单find命令的实现
- 05-树7 堆中的路径
- UVA10635Prince and Princess(变形的LIS)
- 专题三 · 1018
- 24点
- poj1384 poj2063(同hdu1963) 完全背包
- 【转】netty-mina对比一
- POJ 2411 Mondriaan'sDream(状压DP)
- 线段_线段树
- PPT如何存出文稿中的图片
- 初学JAVA环境变量配置以及编译程序和运行
- HTTP协议
- 0518 Scrum 项目 5.0
- 数据结构——左高树
- 138. Copy List with Random Pointer
- Digilent Basys2开发板驱动安装失败
- PPT怎么x的几次方?
- 公众平台调整SSL安全策略,请开发者注意升级
- 【转载】完整简单的红黑树算法