对 CSS 剪辑属性执行动画

ID:13278 / 打印

对 css 剪辑属性执行动画

要使用CSS在clip属性上实现动画,您可以尝试运行以下代码

示例

现场演示

<!DOCTYPE html> <html>    <head>       <style>          div {             width: 200px;             height: 300px;             background: yellow;             border: 10px solid red;             animation: myanim 3s infinite;             bottom: 30px;             position: absolute;             clip: rect(0,100px,50px,0);          }          @keyframes myanim {             20% {                bottom: 100px;                clip: rect(0,150px,40px,0);             }          }       </style>    </head>    <body>       <h2>Performing Animation on clip property</h2>       <div></div>    </body> </html>
上一篇: 如何指定 CSS 样式表的媒体依赖项
下一篇: CSS 轮廓宽度属性

作者:admin @ 24资源网   2024-10-18

本站所有软件、源码、文章均有网友提供,如有侵权联系308410122@qq.com

与本文相关文章

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。