小钢炮的博客

css高斯模糊1. 直接模糊效果如下图：代码：模糊前：<div id="bg0"></div>模糊后：<div id="bg"></div><style type="text/css"> #bg0, #bg { width: 660px; height: 100px; background: url(1.png); } #bg { filter: blur(20px); }&l

下面代码实现一个极为简单进度条：&amp;lt;style type=&quot;text/css&quot;&amp;gt; .progress-wrap { border: solid 1px #333; } .bar { background: #60c0e0; height: 30px; } .progress { animation: progress 5s; } @keyframes pr...

flex布局本文写给想在一分钟内运用flex的同学们，要详细学习的同学请参看阮一峰老师的文章:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html（一）应用范围flex布局有兼容性问题，目前用在h5移动端。（二） 快速上手例如：小盒子在大盒子居中问题。&amp;amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;amp;gt;.out...

谷歌的字体最小限制是12px，当然这是为了保护视力。不过很多UI是不考虑保护视力的。我们这样实现：.text { /* font-size: 10px; */ transform: scale(0.83);}...