CSS3过渡动画实现hover人物弹出炫酷效果案例
目标
我们要实现的目标效果如下
过渡如何使用
可以清楚地看出效果图中的效果用到了css3中的过渡transition,先来了解一下transition
CSS3 过渡是元素从一种样式逐渐改变为另一种的效果
过渡共有四个属性,分别是:
transition-property: 规定应用过渡的 CSS 属性的名称
transition-duration: 定义过渡效果花费的时间。默认是 0
transition-timing-function: 规定过渡效果的时间曲线。默认是 “ease”
transi
原创
2021-06-18 15:04:56 ·
2028 阅读 ·
0 评论