摘要: 前面的话 通过过渡transition,可以让web前端开发人员不需要javascript就可以实现简单的动画交互效果。过渡属性看似简单,但实际上它有很多需要注意的细节和容易混淆的地方。本文将介绍和梳理关于CSS过渡的知识 定义 过渡transition是一个复合属性,包括transition-pr 阅读全文
posted @ 2018-06-03 15:27 mino1996 阅读(340) 评论(0) 推荐(0) 编辑
摘要: CSS3实现翻转(Flip)效果 CSS3实现翻转(Flip)效果 动画效果 效果分析 当鼠标滑过包含块时,元素整体翻转180度,以实现“正”“反”面的切换。 HTML分析 分析:.container,.flip为了实现动画效果做准备。.front,.back各包裹一张图片。实现该效果的HTML如下 阅读全文
posted @ 2018-06-03 15:22 mino1996 阅读(15827) 评论(0) 推荐(1) 编辑
摘要: css3中的变形 transform详解 一、变形-旋转 ratate()函数 通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。如果这个值为正值,元素相对原点中心顺时针旋转;如果这 个值为负值,元素相对原点中心逆时针旋转。 transform 阅读全文
posted @ 2018-06-03 14:00 mino1996 阅读(410) 评论(0) 推荐(0) 编辑