难点 普通元素添加border-radius所生成的形状添加box-shadow的效果都非常完美。但是当普通元素添加了伪元素或者半透明的装饰之后,box-shadow就会有点力不从心。因为boder-radius会无耻地忽视透明部分。 场景: 1. 半透明图像,背景图像,border-image 2 ...
分类:
Web程序 时间:
2016-12-20 07:23:22
阅读次数:
315
本文主要介绍了添加下划线样式的几乎所有方法,并且比较了每一种方法的优缺点。没想到之前一直没有注意的下划线还有这么多玄机奥秘! 本文由 nzbin 翻译,艾凌风 校稿。未经许可,禁止转载!英文出处:css-tricks.com发表地址:http://web.jobbole.com/89425/ 有很多 ...
分类:
Web程序 时间:
2016-12-17 17:02:43
阅读次数:
253
相关知识点在此记录,以方便未来 查询 滤镜 /*滤镜*/ /*0到1之间或者0%-100%数值*/ -webkit-filter: grayscale(.5); /*棕色调*/ -webkit-filter: sepia(1); /*饱和度*/ -webkit-filter: saturate(.5 ...
分类:
移动开发 时间:
2016-12-15 17:27:47
阅读次数:
267
题记 前端需求之高斯模糊图片 最近工作中有一个需求,客户提交图片,服务器根据图片生成内容,并将内容显示,要求高斯模糊处理用户的图片并作为作品展示的背景,类似于苹果设备上的高斯模糊背景。用户提交的图片分网络图片地址、终端设备上传两种。要求兼容各大浏览器。 解决方案一:CSS3滤镜 在CSS3 中规定了... ...
分类:
Web程序 时间:
2016-12-12 22:07:48
阅读次数:
437
功能描述 通过 JavaScript 实现图片的本地预览(无需上传至服务器),兼容所有浏览器(IE6&IE6+、Chrome、Firefox)。 实现要点 ● 对于 Chrome、Firefox、IE10 使用 FileReader 来实现。 ● 对于 IE6~9 使用滤镜 filter:progi ...
分类:
编程语言 时间:
2016-12-09 14:05:59
阅读次数:
230
阅读目录 1. Web标准以及W3C 2. 主流浏览器内核 3. 标准模式(Standards Mode)和怪异模式(Quirks Mode) 4. CSS盒模型 5. 重置浏览器样式 6. HTML语义化 7. CSS选择器的优先级 8. 双外边距浮动问题 9. 3像素问题 10. IE6不支持m... ...
分类:
其他好文 时间:
2016-12-05 14:19:14
阅读次数:
261
本人解密了如何使用程序实现最近很火的新海诚(你的名字)滤镜特效,跟大家分享一下!
分类:
其他好文 时间:
2016-12-03 12:51:25
阅读次数:
482
现今移动直播技术上的挑战要远远难于传统设备或电脑直播,其完整的处理环节包括但不限于:音视频采集、美颜/滤镜/特效处理、编码、封包、推流、转码、分发、解码/渲染/播放等。 直播常见的问题包括 主播在不稳定的网络环境下如何稳定推流? 偏远地区的观众如何高清流畅观看直播? 直播卡顿时如何智能切换线路? 如 ...
分类:
移动开发 时间:
2016-12-03 01:02:08
阅读次数:
291
× 目录 [1]布局 [2]JS操作-获得元素 [3]大图及面板 [4]面板随着鼠标移动 [5]控制面板移动范围 [6]大图动起来 [7]代码 一,布局 一个大的div,包括下面: 左边是小图div,小图中有可移动的面板.右边是大图div, 学到的内容:fiter 滤镜 这里; overflow 这 ...
分类:
Web程序 时间:
2016-12-02 22:03:03
阅读次数:
376
今天在做一个项目时,接触到了这个属性。再一次见识到了CSS的强大。 先来看看兼容性 很遗憾IE全军覆没了,但是其他浏览器还是可以的。接下来我们来看看他有哪些厉害之处。 blur(),blur功能函数就是来设置图片的模糊程度。 值就是模糊半径,效果图如下。 brightness():就是通常所说的亮度 ...
分类:
其他好文 时间:
2016-12-01 14:16:28
阅读次数:
171