水平居中 内联元素 text-align: center; 块级元素 margin: auto; 垂直居中 用绝对定位解决 需要固定的高度和宽度的一种： 这样可以在整个页面居中 这有个局限就是要一个固定的尺寸，而需要垂直居中的元素的尺寸通常需要由它的内容来决定。可以使用css3的 transform ...
分类：
其他好文 时间：
2017-03-29 23:47:08
阅读次数：
210
CSS3系列已经学习了一段时间了，第一篇文章写了一些css3的奇技淫巧，原文戳这里，还获得了较多网友的支持，在此谢过各位，你们的支持是我写文章最大的动力^_^。 那么这一篇文章呢，主要是通过一个3D立方体的效果实例来深入了解css3的transform属性，下面是这个实例的截图，加上动画还能旋转起来 ...
分类：
Web程序 时间：
2017-03-16 19:13:33
阅读次数：
366
下面我们从3个方面开始介绍： 1、scale(x,y) 对元素进行缩放 X表示水平方向缩放的倍数 | Y表示垂直方向的缩放倍数Y是一个可选参数，没有设置的话，则表示X，Y两个方向的缩放倍数是一样的。并以X为准。transform:scale(2,2.5); 2、scaleX(<number>) 元素 ...
分类：
Web程序 时间：
2016-12-19 08:06:43
阅读次数：
842
之前简单学习了一下Css3的transform属性，今天用的时候发现不不对劲，本来理解为坐标轴的中心在元素的中心，又重新回去看了理解一下。发现之前对坐标系的理解不正确。于是写了一段代码测试自己想法。 无论是3d或是2d转换，坐标原点都是在转换元素的左上角，向右为X轴正方形，向下为Y轴正方形。然后有个 ...
分类：
其他好文 时间：
2016-11-01 23:49:46
阅读次数：
192
1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： (ps:【译】如何实现CSS居中？–CSS居中常用方法) 使用这个技巧，从单行文本、段落到box，都会垂直对齐。目前浏览器对Transform的支持是需要关注 ...
分类：
Web程序 时间：
2016-10-26 00:19:40
阅读次数：
319
动画效果预览 网址：http://www.iuvo.si/ 1.首先分析幽灵按钮动画用到的动画效果有旋转，放大，淡入淡出 1> 涉及 css3的 transform rotate() 元素顺时针旋转 scale() 元素尺寸的放大或缩小 2> css3 过渡效果 transition 3> css ...
分类：
Web程序 时间：
2016-10-21 13:14:43
阅读次数：
359
1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： 使用这个技巧，从单行文本、段落到box，都会垂直对齐。目前浏览器对Transform的支持是需要关注的，Chrome 4, Opera 10, Safari ...
分类：
Web程序 时间：
2016-10-20 21:44:38
阅读次数：
251
声明：此篇博文虽是自己手写，但大量资源取自 张鑫旭 的博文。想看更详细 更专业的剖析请看张鑫旭的博文。 昨天对css3的transform做了初步的分析和认识，突然看到perspective属性，调了半天没看出任何效果，于是开始百度... ... 度了半天发现perspective这玩意是做3D效果 ...
分类：
Web程序 时间：
2016-10-19 19:33:22
阅读次数：
193
应一个朋友要求替他把原本静态页面做成翻牌的特效。 主要应用了CSS3的transform，transiton。首先写好标签，一个ul下两个li元素，通过position的absolue设置两个li元素重合，设置z-index大小使不同呈现。然后css中设置hover事件并更改相应CSS属性。代码如下 ...
分类：
Web程序 时间：
2016-10-10 02:03:17
阅读次数：
253
