美文网首页
33_animate库

33_animate库

作者: CHENPEIHUANG | 来源:发表于2018-02-21 18:08 被阅读0次

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            .box{
                width: 100px;
                height: 100px;
                background: red;
                transition: all 1s;
            }
            
            
            
        </style>
        <!--引入animate文件-->
        <link href="css/animate.css" rel="stylesheet"/>
    </head>
    <body>
        <div id="app">
            <input type="checkbox" v-model="flag" />
            <transition enter-active-class="animated jello" leave-active-class="animated bounceOutRight">
                <div class="box" v-show="flag"></div>
            </transition>
        </div>
        
        <script type="text/javascript" src="js/vue.js" ></script>
        <script>
            var vm=new Vue({
                el:"#app",
                data:{
                    flag:true
                }
                
            })
            
        </script>
    </body>
</html>

相关文章

  • 33_animate库

  • 公司数据库逻辑

    pro库 drds库 通道库 查询库 pg库 bi库 tidb库 odps查询 pro库和drds库是线上数据库 ...

  • Lua库函数概览

    Lua库函数概览数学库 table库 字符串库 IO库 os库 调试库

  • Swift 静态库调研

    一、关于库的背景知识1、静态库和动态库静态库动态库系统动态库Cocoa Touch Framework静态库 v....

  • iOS 创建静态库(.a)

    静态库(.a) 文章类型: 学习笔记 1. 静态库简介 库的概念: 什么是库? 库的分类: 库的存在形式: 静态库...

  • 目录一、库二、静态库、动态库、Framework三、打包静态库 1、.a静态库和.framework静态库的区别 ...

  • iOS 静态库和动态库的制作

    静态库和动态库 一、静态库和动态库的存在形式 静态库: .a 和 .framework 动态库: .dylib 和...

  • 动态库与静态库相互连接

    动态库--动态库 场景:App --> 动态库A --> 动态库 B 存在问题:动态库B应该的路径 = 动态库A的...

  • Python解析库

    Python解析库 目录一、lxml库二、BeautifulSoup库三、PyQuery库 一、lxml库 教程:...

  • HCMediator组件化详解

    组件化创建流程库 组件化需要创建私有spec库(索引库)、HCMediator库(App中介库)、其他组件库 私有...

网友评论

      本文标题:33_animate库

      本文链接:https://www.haomeiwen.com/subject/ezsotftx.html