TEL:400-8793-956
当前位置:程序、服务器

关于示例 CSS 动画

提问者: 近期获赞: 浏览人数: 发布时间:2021-12-13 09:02:52

 问:我检查了示例 png 文件,它有 10 个动画关键帧。您将关键帧功能设置为移动 -1900 像素,从而实现动画效果。这是我的问题,为什么这个 animate 函数只显示动画的每个关键帧,而不只是平滑地移动 png(在这个例子中逐个像素移动,而不是每 190 像素跳转)?

 
 
答:我不确定没有看到您的作品,但您是否只尝试过两个关键帧。从 0% 开始,第二个以 100% 结束?像这样的东西...
 
@ -moz-keyframes  bg  {  0 %  {  -moz-变换: translate3d ( 0 , 0 , 0 );  
-webkit-变换:translate3d ( 0 , 0 , 0 ); -o-变换:translate3d ( 0 , 0 , 0 ); -ms-变换:translate3d ( 0 , 0 , 0 ); 变换:                                                                                
                                                 translate3d ( 0 , 0 , 0 );  } 
100 % { -moz-变换:translate3d ( -1900 px , 0 , 0 ); -webkit- transform : translate3d ( -1900 px , 0 , 0 ); -o-变换:translate3d ( -1900 px , 0 , 0 ); -ms-变换:translate3d                                        
                                      ( -1900像素, 0 , 0 ); 
变换: translate3d ( -1900 px , 0 , 0 ); } }             
上一篇: 为什么以及如何将符号用作 add_transaction 方法中的键?
下一篇: PHP > 将 PHP 与 MySQL 结合使用 > 限制 SQL 查询中的记录数 > 以降序使用 LIMIT