zoukankan html css js c++ java

css3 实现飞入由小变大

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <!--<link rel="stylesheet" href="xuanzhuan.css">-->
    <style>

        .vl-out {
            background: #fcfcff;
             90%;
            height: .32rem;
            margin-top: .1rem;
            margin-left: 5%
        }

        .show{
            display: block
        }
        @-webkit-keyframes transform {
            from {
                -webkit-transform: scale(.5);
                -o-transform: scale(.5);
                height: 0;
                transform: scale(.5);
                opacity: 0
            }
            to {
                -webkit-transform: scale(1);
                -o-transform: scale(1);
                height: .45rem;
                transform: scale(1);
                opacity: 1
            }
        }

        .show {
            -webkit-animation: transform .3s
        }
    </style>
</head>
<body>
<div class=" vl-out programListContent show">
    <ul>
        <li style="background-color:rebeccapurple;" class="show">233</li>
        <li style="background-color:red;" class="show">233</li>
        <li style="background-color:blue;" class="show">233</li>
        <li style="background-color:green;" class="show">233</li>
        <li style="background-color:#24AB66;" class="show">233</li>

    </ul>
</div>

</div>
</body>
</html>

查看全文

相关阅读:
爬取药智网中的方剂信息
 日报3.13
数据库添加出错
 Bencode
一些安全网络协议
 代码质量不重要
 Jordan Peterson
随身记录的缺点
 Why is Go PANICking?
go问

原文地址：https://www.cnblogs.com/Marlboro-pm/p/6908490.html