css3
【二次元的CSS】—— 用 DIV + CSS3 画咸蛋超人（详解步骤）
仅仅使用div作为身体的布局，用css3的各种transform和圆角属性来绘制各部位的形状，当然也不会使用任何图片哦。那就没意思了。[br]有的同学说，用canvas不是能画得更逼真而且更简单吗？这点我也非常赞同，但我的理由还是，那就没意思了。这次写的详细一点，把各个部位都拆出来分析。GitHub传送门：https://github.com/lancer07/css3Ul
业界
2016年05月11日
css3 border怎么就可以画图了
一直没有在意border，众所周知border就是边框，大概就是定义一个宽度，样式，颜色。就可以了，最大的作用可能就是美观了。最近发现，其实还有一个重要的作用--画图.在谈及这个功能之前，必须要先明确border到底是怎么形成的.# newDiv{ width:0px; height:0px; border-left:50px solid pink;
业界
2016年07月07日
微信端页面使用-webkit-bo和绝对定位时，元素上移的问题
-webkit-box 的用法通常，在移动端要实现水平方向平分宽度的布局，会使用 -webkit-box 来布局。它的使用方法是：.parent { display: -webkit-box;}.child { -webkit-box-flex: 1; width: 1px;}以上布局会使得三个.child元素平分.parent元素的宽度。在.child元
业界
2016年07月06日
用CSS3做各种样式的饼图
通过css3的旋转属性来实现饼图的效果。封装了一个饼图类，通过实例化来生成各种样式的饼图。以前一直用highcharts做饼图的效果，但有时候，一些比较简单的饼图用highcharts的话有点杀鸡用牛刀的感觉。所以自己研究了一下如何用css3来达到这个效果。并封装了一下，支持多种样式，写了一个 pie.js 。原理是这样的，父容器是一个div，背景颜色是左边一半灰色，右边一
业界
2016年07月05日
如何利用css3设置独特背景
本文将介绍如何将多样化的css3属性设置一幅属于你自己的独一无二的背景图片 利用css进行背景图片设置时，发现可提供的属性也就那么几个，而大量的css3属性又不能直接使用在背景图片上，其中主要就是filter滤镜中强大的对图片的装饰方法，所以今天就和大家分享如何对背景图片进行独一无二的装点阶段一: 单纯使用css3修饰图片html:css:*{ margin
业界
2016年07月05日
[译] Houdini：也许是你未曾听过的最振奋人心的 CSS 进化
原文链接：Houdini: Maybe The Most Exciting Development In CSS You’ve Never Heard Of更多译文将陆续推出，欢迎点赞+收藏+关注我的专栏，未完待续……你是否曾经想要使用一些特别的CSS特性，却因为未曾得到所有浏览器的支持而选择放弃？又或者是，这些特性得到了所有浏览器的支持，但总会伴随着奇怪的bug，表现不一
业界
2016年07月05日
【CSS3-transition】过渡完成之后执行自定义处理
背景
CSS3中引入了很多新的特性，其中一个就是trainsition,这个新特性让我们在一种样式转变为另一种样式时，无需使用Flash & Javascript。这个特性在越来越多的项目中被应用。
回放
在写自己博客程序中，由于全站采用Websocket or ajax进行'无延迟'通信，所以在header处添加了一个loader-bar，实时显示'进度'(很多网站应该都
业界
2016年07月05日
IOS中弹出键盘后出现fied失效现象的解决方案
概述
这个问题常出现在移动web开发中聊天或者留言页面的绝对定位输入框上，页面超过屏幕大小时候输入框focus状态下（键盘弹出）绝对定位的元素失效，导致页面滚动时候把定位元素一并带走，体验十分不好，在此留下一自己的方法，让更多的人不需要再爬这样的小坑。
解决方法
原理很简单，就是定义一个外框把页面包起来，把需要使用fixed定位的元素设置成absolute定位，然后设置外框
业界
2016年07月04日
