![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 75
mengxiang_go
这个作者很懒,什么都没留下…
展开
-
css过度动画案例解析(transition和animation)
先把html放上(只放核心部分) 例一 ,正方形变为圆形的过度动画-套路解析 1、设置变化前div的样式 = >=>=> 2、设置变化后div的样式 3、用transition来串联变化前和变化后 那我们先来看变化前css的属性设置: #d1{ width:200px; height:200px; background:blue; }2、再看变化后css的属性设置:原创 2017-03-30 17:08:50 · 967 阅读 · 0 评论 -
CSS 2D和3D转换解析
2d转换相对比较简单,着重图解3D转换。 2D旋转语法如下: 使用方法就是transform:上图的API。 还有一个旋转中心是transform-origin,用来改变元素旋转的重心。 3D转换示意图 其中,perspective属性模拟人眼到3D变换物体之间的距离 也就是我们使用3d转换功能时,一定要在变换的元素的父元素上设置这个属性 比如可以设置成perspective:1200px原创 2017-03-18 15:55:39 · 880 阅读 · 0 评论