随笔分类 -  CSS

摘要： 阅读全文

摘要：CSS3实现翻转(Flip)效果 CSS3实现翻转(Flip)效果 动画效果 效果分析 当鼠标滑过包含块时，元素整体翻转180度，以实现“正”“反”面的切换。 HTML分析 分析：.container，.flip为了实现动画效果做准备。.front,.back各包裹一张图片。实现该效果的HTML如下 阅读全文

摘要：css3中的变形 transform详解 一、变形-旋转 ratate()函数 通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作，设置一个角度值，用来指定旋转的幅度。如果这个值为正值，元素相对原点中心顺时针旋转；如果这 个值为负值，元素相对原点中心逆时针旋转。 transform 阅读全文

摘要：说到布局除了浮动以及定位外还有一个不得不提的点，那就是居中，居中问题我们在网页布局当中经常遇到，那么以下就是分为两部分来讲，一部分是传统的居中，另一种则是flex居中，每个部分又通过分为水平垂直居中来讲。 1.传统居中方式 1.1水平居中 1.1.1 inline text-align: cente 阅读全文