animation 停留在最后一帧逐字显示

热度：73 发布时间：2024-01-10 00:18:55.0

<!DOCTYPE html>
<html>
<head>
   <title>逐次展示动画停留在最后一帧</title>
   <style type="text/css">
       .animation{
       animation:mymove 5s linear;
       animation-fill-mode: forwards; /*该属性让动画停留在最后一帧*/
       }
       @keyframes mymove{
       0%{
       width:100%;
       }
       50%{
       width:50%;
       }
       100%{
       width:0%;
       }
       }
   </style>
</head>
<body>
<p style="position: relative">我有一头小毛驴，我从来都不骑，有一天我 ...<span class="animation" style="width:100%;height:100%;display: inline-block;position:absolute;top:0px;right:0px;background-color: #fff"></span></p>
</body>
</html>

查看全文

animation 停留在最后一帧 逐字显示

animation 停留在最后一帧逐字显示