<meta charset="utf-8"/>
<style>
    * {margin: 0; padding: 0;}
    ul {
        height: 80px;
        background: #30C2A5;
        width: 290px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }
    li {
        list-style: none;
        float: left;
        margin-left: 5px;
        font: 30px/80px arial;
        color: #fff;
        animation: one 2s infinite;
    }
    li:nth-child(1){animation-delay:0.1s;}
    li:nth-child(2){animation-delay:0.2s;}
    li:nth-child(3){animation-delay:0.3s;}

    @keyframes one{
        0%{transform:rotateY(0)}
        100%{transform:rotateY(360deg)}
    }
</style>
<ul>
    <li>大</li>
    <li>家</li>
    <li>好</li>
</ul>

优质内容筛选与推荐>>
1、设计原则之依赖倒置原则
2、ORA-00845: MEMORY_TARGET not supported on this system
3、flexible.js 布局详解
4、“亚信科技杯”南邮第七届大学生程序设计竞赛之网络预赛 (K L题解) CSS出题
5、6_服务与计划任务

赞赏

长按二维码向我转账

受苹果公司新规定影响，微信 iOS 版的赞赏功能被关闭，可通过二维码转账支持公众号。

阅读

已发送

发送中