原文链接：http://www.cnblogs.com/ghost-xyx/p/5677168.html 先上 demo 和 源码 其实毛玻璃的模糊效果技术上比较简单，只是用到了 css 滤镜（filter）中的 blur 属性。但是要做一个好的毛玻璃效果，需要注意很多细节。 比如我们需要将上图中页 ...
分类：
Web程序 时间：
2018-12-22 19:07:37
阅读次数：
212
如何清除图片下方出现几像素的空白间隙？ 方法1： img{display:block;} 方法1： 方法2： img{vertical-align:top;} 除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的<length>和<p ...
分类：
Web程序 时间：
2018-11-24 11:37:11
阅读次数：
213
常用前端布局，CSS技巧介绍 对前端常用布局的整理总结，并对其性能优劣，兼容等情况进行介绍 css常用技巧之可变大小正方形的绘制 元素高度可变，需要元素内部元素水平垂直居中（主要是垂直）方案 对于单行文本和多行文本超出部分 ... 自定义文本选择样式 杂项 css变量使用 查看详情 border为1 ...
分类：
Web程序 时间：
2018-11-11 19:12:07
阅读次数：
169
1、input框的问题，开关默认缓存 autocomplete = "on/off" ,在选择缓存的情况下，input背景会变为浅黄色，去掉只需要一行代码 ...
分类：
Web程序 时间：
2018-11-08 18:31:08
阅读次数：
145
[TOC] 解决一字母和数字不能换行问题 一个单词是一行 ...
分类：
Web程序 时间：
2018-10-03 22:28:19
阅读次数：
168
概述 今天在做移动端帧动画的时候遇到了抖动的问题，自己查找了一下资料，并且总结出了3个比较好的解决方案，记录下来，供以后开发时参考，相信对其他人也有用。 由于移动端用的是rem布局，所以计算下来总会有一些偏差，这就是抖动的来源。 参考资料： "CSS技巧：逐帧动画抖动解决方案" 多张图改backgr ...
分类：
移动开发 时间：
2018-07-03 00:19:38
阅读次数：
313
CSS水平居中text-align:center是前端工程师的基本功，我在项目中经常遇到CSS水平居中的需求，这篇教程将我以往用过的9种CSS实现水平居中的方法总结出来，也方便日后再用到时回顾。工具/原料CSStext-align:center方法/步骤1.通过margin:0auto;text-align:center实现CSS水平居中。这种方法是实现CSS水平居中最最常用的，我在前端开发中大概
分类：
Web程序 时间：
2018-05-11 10:42:06
阅读次数：
199
1.如果ul下有很多li，需要在一行显示，并且设置margin。但是通常要取消第一个li的margin-left。使用：first-child有的浏览器不兼容。 适用场景：单行左对齐，有间距 2.多行文字垂直居中 4.:after伪类+content 让大小不固定图片垂直居中 让图片垂直居中一直没有 ...
分类：
Web程序 时间：
2018-04-11 16:09:19
阅读次数：
169
1、CSS3中 MS , MOZ , WEBKIT , O 浏览器私有前缀详解 (1) moz ：代表FireFox浏览器私有属性 (2) ms ：代表IE浏览器私有属性 (3) webkit ：代表safari、chrome浏览器私有属性 (4) o ：代表opera浏览器私有属性 2、Less的 ...
分类：
其他好文 时间：
2018-04-09 14:54:29
阅读次数：
154
级联样式表(CSS)在当代Web设计中已经成为重要的环节，如果没有CSS现在的网站将像10年前一样不堪入目。随着CSS技术的普及，越来越多的高质量CSS教程涌入互联网，让我们的学习更加方便。 1.CSS跨浏览器幻灯片 演示了如何仅适用CSS打造一个跨浏览器的图片画廊 2.基于CSS的图片地图 这个教 ...
分类：
Web程序 时间：
2018-03-02 17:17:59
阅读次数：
289
