css3的transiform动画只能在hover用transition下触发吗？？ 求大神解答
1个回答
展开全部
transition只是一个过渡效果，动画改变的是你在hover后设置的css属性与原有属性不同之后发生的。例如 div{width:50px;transition:width 1s;} div:hover {width:100px;}在你hover这个div之后div的宽度由50px在1s的时间里变到100px.
如果你想要不需要任何操作而让元素有动画，你需要用到animation{width:50px;animation:move 5s infinite;}
@keyframes move{
from{width:50px;}
to{width:100px;}
}
这样就会有宽度由50px->100px动画效果,其中infinite的意思是说这动画循环动画，
其中我没有加个浏览器的前缀，用之前记得都加上。
如果你想要不需要任何操作而让元素有动画，你需要用到animation{width:50px;animation:move 5s infinite;}
@keyframes move{
from{width:50px;}
to{width:100px;}
}
这样就会有宽度由50px->100px动画效果,其中infinite的意思是说这动画循环动画，
其中我没有加个浏览器的前缀，用之前记得都加上。
更多追问追答
追问
比如 要在一个幻灯片中加入动画特效，比如幻灯片下面的按钮，点击切换到相应的div(div中有动画特效，这个时候怎么触发特效)
追答
你可以不用：hover来出发动效，你可以用class名来控制动效出发
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
