[css] 请说说在什么时候用transition？什么时候使用animation？

transition 相当于是个过度动画，需要又过度效果才会触发。一般用来做元素的放大缩小、平移旋转等简单的操作。transition 只执行一次，当需要执行多次时，一般会利用 :hover 等时机或者使用 javaScript 改变类名进行控制。animation 需要自己设定关键帧，可以做相对复杂的操作，比如延迟、循环播放等。一般在需要比较复杂的情况才会使用 animation。

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[css] 请说说在什么时候用transition？什么时候使用animation？相关推荐

[css] 请描述margin边界叠加是什么及解决方案
[css] 请描述margin边界叠加是什么及解决方案 1,使用padding代替,但是父盒子要减去相应的高度 2,使用boder(透明)代替(不推荐,不符合书写规范,如果父盒子子盒子时有颜色的不好处 ...
[css] 请描述css的权重计算规则
[css] 请描述css的权重计算规则权重值计算选择器案例权重值 !important !important Infinity 内联样式 style="-" 1000 ID ...
[css] 请说说*{box-sizing: border-box；}的作用及好处有哪些？
[css] 请说说*{box-sizing: border-box;}的作用及好处有哪些? 还是喜欢用默认的content-box 不考虑老版ie 比较通配符的性能较差第三方的UI库的盒模型也都是标 ...
[css] 请你解释下什么是浮动和它的工作原理是什么？同时浮动会引起什么问题？
[css] 请你解释下什么是浮动和它的工作原理是什么?同时浮动会引起什么问题? 什么是浮动:我们在做布局的时候用到的一种技术,通过浮动可以让元素左右浮动,然后通过margin调整位置工作原理:使元素脱 ...
[css] 请举例说明伪元素 (pseudo-elements) 有哪些用途？
[css] 请举例说明伪元素 (pseudo-elements) 有哪些用途? 可以不用再多写一个 dom可以用 content 搭配出很多效果例子:固定尺寸 2:1 的容器文本前后增加 icon 或 ...
[css] 请说说CSS3实现文本效果的属性有哪些？
[css] 请说说CSS3实现文本效果的属性有哪些? text-shadow:文字阴影效果 word-wrap:换行设置个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷 ...
[css] 请说说你对vh、vw的理解以及它们的运用场景是什么？
[css] 请说说你对vh.vw的理解以及它们的运用场景是什么? vw: 100vw为视窗的宽度,即1vw是视窗宽度的1%vh: 100vh为视窗的高度,即1vh是视窗高度的1%运用场景图片查看大图: ...
[css] 请举例说明css有哪些不可继承的属性？
[css] 请举例说明css有哪些不可继承的属性? 1.display:规定元素应该生成的框的类型2.文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本 ...
[css] 请使用css画一个圆，方法可以多种
[css] 请使用css画一个圆,方法可以多种 <div class="circle"></div>1.border-radius.cirlce{width ...

[css] 请说说在什么时候用transition？什么时候使用animation？

[css] 请说说在什么时候用transition？什么时候使用animation？

个人简介

主目录

[css] 请说说在什么时候用transition？什么时候使用animation？相关推荐

最新文章

热门文章