本文目录
- css3 transition如何让ie浏览器兼容
- css3 transition 怎么重复一个动作
- css3 transition怎么用
- css3 的过渡效果transition最少需要设置哪两个属性
- css transition过渡之前保持一秒再过渡
- css3 transition这个动画效果怎么写hover下的某一块div ,而不是div:hover,这个div
- CSS3的动画的意义何在
- css动画怎么导出在手机和微信上能看的，感谢各位大佬了
css3 transition如何让ie浏览器兼容
transition 是css3中的属性。仅支持以下浏览器：
1，Internet Explorer 10+
2，Firefox
3，Opera
4，Chrome
Internet Explorer 9 以及更早版本的浏览器不支持 transition 属性。
所以，如果在设计过程中需要考虑的IE较低版本的话，建议使用JS来代替transition。
css3 transition 怎么重复一个动作
transition无法重复执行，可以用js动态为元素添加/删除对应的class，这样会重复的调用transition
另外，重复执行的动画要用animation,animation支持重复执行次数或无限重复，而transition只是渐变，变完就完事了不会重复
css3 transition怎么用
css3 的transition：允许css属性值在一定的时间区内平滑的过渡。
transition-property：变换延续的时间
transition-duration：在延续时间段
transition-timing-function：变换速度变化
transition-delay：变化延迟时间
a：{all 0.5s ease-in 1s；}这里的四个值分别对应上面的四个属性。
* {margin:0;padding:0;}
ul{width:300px;}
ul:after {clear:both;display:block;content:“.“;height:0;visibility:hidden;font-size:0;line-height:0;}
ul li{list-style:none;font-size:12px;color:#069;border:1px solid #CBCBCB;background-color:#E5E5E5;border-radius:3px;box-shadow:1px 1px 0 #96969D;width:280px;height:30px;margin-bottom:20px;}
li a{position:relative;width:230px;height:30px;padding-left:25px;display:block;}
li a img{position:absolute;top:6px;left:5px;border:0 none;display:block;}
li a span, li a strong{position:absolute;top:0;left:25px;opacity:1;
-webkit-transition:all 800ms linear;
-moz-transition:all 800ms linear;
-o-transition:all 800ms linear;line-height:30px;width:240px;}
li a strong{top:30px;opacity:0;}
li a:hover{color:#FF6500;_background-color:#E5E5E5;font-weight:bolder;}
li a:hover strong{top:0;opacity:1;}
li a:hover span{top:-30px;opacity:0;}
《div》
《ul》
《li》《a href=“
css3 的过渡效果transition最少需要设置哪两个属性
transition:2s;
其实只需加个秒数就行。还可以加个运动类型：
运动类型：
ease 平滑过渡(缓冲)
ease-in 由慢到快(加速)
ease-out 由快到慢(减速)
ease-in-out 由慢到快再到慢(先加后减)
如：transition:ease 2s;
css transition过渡之前保持一秒再过渡
CSS3当中 transition过渡效果主要包括四个属性值，分别用于检索或设置对象中的参与过渡的属性、对象过渡的时间、过渡的动画类型以及对象延迟过渡的时间。
在你的这段代码当中，可以把transition后面的“0.5s”改一下
改成： 0.5s 1s
css3 transition这个动画效果怎么写hover下的某一块div ,而不是div:hover,这个div
.product-index .editor .editor1 { /* 设置默认属性 */
width: 100px;height: 100px;
background-color: green;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.product-index .editor:hover .editor1 { /* 这是变换属性 */
width: 200px;
background-color: skyblue;
}
望采纳
CSS3的动画的意义何在
1、在性能上会稍微好一些，CSS3使用GPU，浏览器还会对CSS3的动画做一些优化（比如专门新建一个图层用来跑动画）。
2、代码相对简单，在现代 PC 浏览器上，CSS3 Animation 和 Transition 好写好用，流畅丝滑，而且动画过程0 GC。
3、CSS3 比 jQuery animate() 更流畅，更快，更效率。
4、CSS3 更倾向于实现交互效果和界面建设。
但其缺点也很明显：
1、在动画控制上不够灵活。
2、兼容性不好。
3、部分动画功能无法实现。
所以，在实现一些小的交互动效的时候，就多考虑考虑CSS吧。 而在需要兼容性很好并且有复杂的事件响应的情况下使用jQuery中的animate()函数。
css动画怎么导出在手机和微信上能看的，感谢各位大佬了
作为一个工作多年的前端开发，我来回答一下这个问题。
首先需要说明的是：css动画是无法导出的。在web中能直接导出动画模型的应该只有webgl了。
随着html5和css3的流行。传统的dom动画可以不再依赖于js，CSS3给我们提供了两种动画方式。
过渡动画transition
我们只需要给要运动的元素添加一个transition属性，设置时间，运动方式，运动属性，延迟时间等。当我们改变它的CSS属性的时候，就是启用当前设置的动画。弊端是动画形式比较单一，优势是设置起来比较容易。
帧动画 keyframes
它可以实现一些比较复杂的动画。首先我们需要通过keyframes name{}的形式去定义一个动画。name为当前的动画名称，它里面可以设置N个动画帧。适合一些复杂的交互动画，它的弊端是创建帧动画的过程很繁琐。好在在css3中，有一个很有名的动画库
animation.css
里面提供了大量的动画， 我们可以根据自己的需要选择其中的动画、希望我的回答能帮助到你^_^
