css3动画生硬怎么解决

html-css06

css3动画生硬怎么解决,第1张

在b里再加一个transition，像这样：

.b{

transform: translate(0,0)

transition:all .2s ease-in 0s

}

试一下，就不会太生硬了。

如果使用css，可以尝试鼠标悬浮【hover】的效果，

JS：如果是图片的切换，直接给<img>添加id，使用JS进行控制，直接使用滑动【slidedown/slideup】设计时间就可以了，美观还方便。