用transition 只能作一些最简单的动画,如果稍微复杂一点就做不出来了,这时候就可以用CSS3中的keyframes
像下面这样通过css实现动画:
.show {
animation:show-item 2s ease-in forwards; }
.hide {
animation:hide-item 2s ease-in forwards; }
@keyframes hide-item{
用transition 只能作一些最简单的动画,如果稍微复杂一点就做不出来了,这时候就可以用CSS3中的keyframes
像下面这样通过css实现动画:
.show {
animation:show-item 2s ease-in forwards; }
.hide {
animation:hide-item 2s ease-in forwards; }
@keyframes hide-item{
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/100788.html
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!