CSS特效与动画
吃蜡笔的小新
这个作者很懒,什么都没留下…
展开
-
animation
animation用法原创 2022-11-24 11:32:53 · 90 阅读 · 0 评论 -
过渡属性transition
transition-property、transition-delay、transition-duration、transition-timing-function、transition用法原创 2022-11-24 11:13:46 · 69 阅读 · 0 评论 -
CSS3D效果说明
即translateZ、rotateZ、scaleZ、skewZ就是距离变化,一般情况下,比如一个物体在Z轴上偏移10px,我们在屏幕前是看不出变化的。所以为了能看出效果,需要在父类中加一个perspective属性表示距离(大小,会影响变化大小),或者在变化时添加一个perspective()属性。3D效果就是在2D效果上多了一个Z轴,2D中,了解了怎么水平变化和垂直变化,现在在3D中多了一个距离变化。这个变化大概就是这样,动画那里会写一个小的案例。其中这两个组合在一起的变化,不太理解,原创 2022-11-24 10:53:09 · 120 阅读 · 0 评论 -
transform2D
translate移动、rotate旋转、scale变大小、skew翻转原创 2022-11-24 00:27:58 · 81 阅读 · 0 评论 -
CSS的两种渐变
linear-gradient、repeating-linear-gradient、radial-gradient、at 20% 20%用法原创 2022-11-23 19:11:04 · 453 阅读 · 0 评论 -
阴影text-shadow和box-shadow详解
text-shadow、box-shadow,常用效果原创 2022-11-23 17:46:17 · 466 阅读 · 0 评论 -
详解border-radius属性
8参数、4参数、3参数、2参数、1参数以及混合使用原创 2022-11-23 16:27:46 · 1053 阅读 · 0 评论