值得收藏的多个CSS 实用小技巧(附代码片段)
2017-11-30 14:12
330 查看
作为前端,日常开发充满了各种挑战与乐趣,我们穷尽一切在奇葩的需求中提升用户体验。本文将列举一些前端开发中碰到的小众需求,并提供解决方案以供参考。
很多童鞋可能都用过:
但是,它还支持用户自定义图片,你知道吗?
下图为各浏览器支持情况:
记得在定义完自定义的游标之后在末尾加上一般性的游标,以防那些url所定义的游标不能使用。
可是三边阴影该如何设置呢?请不要忽视设计师的脑洞
一、修改鼠标手势图标
很多童鞋可能都用过:cursor: pointer | wait | hand | text | move | not-allowed;
但是,它还支持用户自定义图片,你知道吗?
cursor: url(jartto.cur), url(http://jartto.wang/jartto.gif), auto;
下图为各浏览器支持情况:
记得在定义完自定义的游标之后在末尾加上一般性的游标,以防那些url所定义的游标不能使用。
二、box-shadow 三边阴影
box-shadow大家都不陌生,我们一般这么用:
box-shadow: h-shadow v-shadow blur spread color inset;
可是三边阴影该如何设置呢?请不要忽视设计师的脑洞
相关文章推荐
- 10个值得收藏的实用HTML5代码片段分享
- 30个值得收藏的CSS代码片段
- 10个值得收藏的实用HTML5代码片段分享
- 绝对应当收藏的10个实用HTML5代码片段
- 实用的css代码片段集合
- 非常有用的 48 个 JavaScript 代码片段,值得收藏!
- 绝对应当收藏的10个实用HTML5代码片段
- 高质量PHP代码的50个实用技巧:非常值得收藏
- 必须收藏的php实用代码片段
- Asp.net值得收藏的三十多段实用代码
- 必须收藏的23个php实用代码片段
- 【实用】需要收藏备用的JQuery代码片段
- 10个超级有用值得收藏的PHP代码片段
- 绝对应当收藏的10个实用HTML5代码片段(转)
- 【精品推荐】高质量PHP代码的50个实用技巧:非常值得收藏