Vue 过渡

Johnny Tong

于 2024-05-07 19:10:38 发布

阅读量362

点赞数 3

分类专栏： HTML自学历程文章标签： vue.js chrome javascript

本文链接：https://blog.csdn.net/tongwei117/article/details/138542219

版权

点击按钮控件背景颜色简单过渡变更。

  <style>
/* 
        过渡
*/
        .transtion {
   
            transition: 3s background-color ease;
        }

        .blue {
   
            background-color: blue;
        }

        .green {
   
            background-color: green;
        }

    </style>

<body>
    <div id="root"></div>
</body>

<script>
    // 创建 vue实例
   const app = Vue.createApp({
   

    data(

最低0.47元/天解锁文章