CSS有个类似过渡的功能，是什么呢？
4个回答
展开全部
"动画功能类似于过渡功能，两者都可以通过更改位置、大小、颜色和透明度，以及旋转、缩放、平移等方式，对元素施加动画效果。与过渡操作相同，可以指定一些计时函数来控制动画的进度。
借助 CSS3 动画，还可以使用关键帧在动画处理期间的不同时间点为动画属性指定值。这样，不仅可以定义动画开头和末尾的动画行为，还可以定义动画过程中的动画行为。动画功能还可以具有迭代和反向功能，并可以提供暂停和恢复能力。
这样回答很难形象化的，你去优酷看个视频吧 使用 CSS 增加过渡和其他效果 "
借助 CSS3 动画，还可以使用关键帧在动画处理期间的不同时间点为动画属性指定值。这样，不仅可以定义动画开头和末尾的动画行为，还可以定义动画过程中的动画行为。动画功能还可以具有迭代和反向功能，并可以提供暂停和恢复能力。
这样回答很难形象化的，你去优酷看个视频吧 使用 CSS 增加过渡和其他效果 "
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
CSS3中的过度效果
Internet Explorer 10 和使用 JavaScript 的 Modern UI 风格的应用支持 CSS3 过渡特效。通过过渡特效，可以实现简单的动画效果，在一小段时间内平滑地改变CSS 的属性值。例如，在10秒钟内改变一个对象的大小和颜色。以前需要通过 CSS 和 JavaScript 的复杂组合操作实现的效果，现在只需几行 CSS 代码即可完成。
1. <!DOCTYPEhtml>
2. <htmllang="en-us">
3. <head>
4. <styletype="text/css">
5. body {
6. padding:10px;
7. font:bold27px "Segoe UI";
8. }
9. div {
10.width:250px;
11.background-color:lime;
12.padding:10px;
13.opacity:1;
14.-ms-transition:opacity5s linear 1s;
15.}
16.div:active {
17.opacity:0;
18.}
19.</style>
20.</head>
21.<body>
22.<div>
23.Duis ac leosit ametlectustristiquepulvinarnecrutrum dolor.
24.Etiamsedipsumenim,vitae euismododio.Suspendisseeu.
25.</div>
26.</body>
27.</html>
复制代码
在这个示例中，属性-ms-transform 被设置为“opacity 5s linear 1s”。借助于：active伪类，当单击（或触摸）并按住柠檬绿色的div，它将慢慢消失。特别地，它的opacity 属性在1 秒之后，会产生平滑的过渡效果（使用一个线性计时函数），在5 秒之内从完全不透明变为完全透明。请参见这个页面（http://go.microsoft.com/fwlink/p/?LinkId=227845）。
1. -ms-transform属性是一个简写属性，这个声明也可以使用以下属性来替代：
2. -ms-transition-property:opacity;
3. -ms-transition-duration:5s;
4. -ms-transition-timing-function:linear;
5. -ms-transition-delay:1s;
了解更多，百度[xyytIT]进我博客查看
Internet Explorer 10 和使用 JavaScript 的 Modern UI 风格的应用支持 CSS3 过渡特效。通过过渡特效，可以实现简单的动画效果，在一小段时间内平滑地改变CSS 的属性值。例如，在10秒钟内改变一个对象的大小和颜色。以前需要通过 CSS 和 JavaScript 的复杂组合操作实现的效果，现在只需几行 CSS 代码即可完成。
1. <!DOCTYPEhtml>
2. <htmllang="en-us">
3. <head>
4. <styletype="text/css">
5. body {
6. padding:10px;
7. font:bold27px "Segoe UI";
8. }
9. div {
10.width:250px;
11.background-color:lime;
12.padding:10px;
13.opacity:1;
14.-ms-transition:opacity5s linear 1s;
15.}
16.div:active {
17.opacity:0;
18.}
19.</style>
20.</head>
21.<body>
22.<div>
23.Duis ac leosit ametlectustristiquepulvinarnecrutrum dolor.
24.Etiamsedipsumenim,vitae euismododio.Suspendisseeu.
25.</div>
26.</body>
27.</html>
复制代码
在这个示例中，属性-ms-transform 被设置为“opacity 5s linear 1s”。借助于：active伪类，当单击（或触摸）并按住柠檬绿色的div，它将慢慢消失。特别地，它的opacity 属性在1 秒之后，会产生平滑的过渡效果（使用一个线性计时函数），在5 秒之内从完全不透明变为完全透明。请参见这个页面（http://go.microsoft.com/fwlink/p/?LinkId=227845）。
1. -ms-transform属性是一个简写属性，这个声明也可以使用以下属性来替代：
2. -ms-transition-property:opacity;
3. -ms-transition-duration:5s;
4. -ms-transition-timing-function:linear;
5. -ms-transition-delay:1s;
了解更多，百度[xyytIT]进我博客查看
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
之瑶恨天、夜山乐萱、妙菡如、迎梦觅珍乐，你们是一个学校的吧，哪个老师布置的css作业，个个都在问这个问题。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
transition
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
