vue使用css3实现无限旋转动画——面试_vue旋转动画_FrontJS的博客-CSDN博客 

<!DOCTYPE html><html><head>    <title></title>    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>    <style type="text/css">        /*无限旋转动画*/        @keyframes changDeg{            0%{                transform: rotate(0deg);            }            100%{                transform: rotate(360deg);            }        }        #app{            width:500px;            height: 500px;            margin:50px auto;            /*transform: rotate(0deg);*/            background-color:red;            animation:changDeg 2s linear 0.2s infinite;        }            </style></head><body>    <!-- <div></div> -->    <div id="app"></div><script type="text/javascript">    var app = new Vue({            el:'#app'    });</script></body></html>

原网址: 访问
创建于: 2023-07-28 17:49:32
目录: default
标签: 无

未标明原创文章均为采集，版权归作者所有，转载无需和我联系，请注明原出处，南摩阿彌陀佛，知识，不只知道，要得到

请先后发表评论
  • 最新评论
  • 总共0条评论