您正在使用IPV4(34.204.180.223)访问本站 您本次共访问本站 1 次
用户名: 用QQ登录本站
密 码:
验证码:
首页 软件 编程 笑话 知识 公告 台风 日历 计算器 行情 简化版
文明驾车我带头,文明行路我带头,礼貌让座我带头      

【腾讯云】618云上GO!云服务器限时秒杀,1核2G首年95元!       [公益] 节省一分零钱 献出一份爱心 温暖世间真情      
广告位招租中
2021年 建军节 3
2021年 七夕节 16
2022年 元 旦 156
2022年 春 节 187
 
  • 本类新增
    本类热门文章
    您现在的位置:首页 >> JS/CSS >> 内容
    纯CSS3实现div按照顺序出入效果
    内容摘要: styletype='text/css'div{margin-top:10px;height:50px;background-color:#FF0000;opacity:0.6;}.a{animation:aa2slinear100msinfinite;}.b{animation:bb2slinearinfinite}.c{animation:cc2slin......
    <styletype="text/css">

    div{

    margin-top:10px;

    height:50px;

    background-color:#FF0000;

    opacity:0.6;

    }


    .a{

    animation:aa2slinear100msinfinite;

    }

    .b{

    animation:bb2slinearinfinite

    }

    .c{

    animation:cc2slinearinfinite

    }

    .d{

    animation:dd2slinearinfinite

    }


    @keyframesaa{

    0%{width:0;}

    25%{width:200px;}

    50%{width:200px;}

    75%{width:200px;}

    100%{width:200px;}

    }

    @keyframesbb{

    0%{width:0;}

    25%{width:0px;}

    50%{width:200px;}

    75%{width:200px;}

    100%{width:200px;}

    }

    @keyframescc{

    0%{width:0;}

    25%{width:0px;}

    50%{width:0px;}

    75%{width:200px;}

    100%{width:200px;}

    }

    @keyframesdd{

    0%{width:0;}

    25%{width:0px;}

    50%{width:0px;}

    75%{width:0px;}

    100%{width:200px;}

    }

    </style>

    </head>

    <body>

    <divclass="a">

    </div>

    <divclass="b">

    </div>

    <divclass="c">

    </div>

    <divclass="d">

    </div>

    版权声明:本内容来源于互联网,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。
    上一篇:JS获取图片实际宽高及根据图片大小进行自适应 下一篇:JavaScript定时关闭网页的代码
    发布日期:2021/7/15
    手机扫二维码直达本页
    发布时间:8:59:52
    点击:124
    录入:齐天大圣
    相关文章
    Baidu

    YiJiaCMS V5.9 Build 21.7.20(MSSQL) 闽ICP备05000814号-1
    本空间由景安网络提供,百度云加速提供加速防护
    ©2000-2021