CSS: calc()
可以在css中计算单位值，比如 a{width:calc(100% - 20px);} 切记计算符号两边要有空格 http://caniuse.com/calc ... read more
css3 3D透视的两种写法
今天刚看了一片文章，又学习到了。 原来perspective有两种写法，平常用的是 transform: perspective( 400px ) 而这种写法的劣势是同样有透视的多个元素没有在一个坐标系内的联系，之前做的一个小项目内想要实现元素矩阵的整体透视只能给他们加xy轴上的translate，非常不方便。 而现在知道了新方法，只要在父元素上写 perspective: 400px; 它内部的子元素自然的就形成一个整体透视效果 ... read more
最近写的两个CSS3图标
<p>原本是老师布置的作业里的素材，强迫症犯了忍受不了图片，于是都写成CSS的了</p> .footer-button{margin:30px;display:block;height:47px;width:195px;background: #1db5de;position:relative; background: -webkit-linear-gradient(#21bfe6,#1070aa); background: -moz-linear-gradient(#21bfe6,#1070aa); background: -o-linear-gradient(#21bfe6,#1070aa); background: linear-gradient(#21bfe6,#1070aa); border-radius:10px; } .footer-button:hover{opacity: 0.9;box-shadow: 0 0 2px #333 ... read more