zoukankan      html  css  js  c++  java
  • css动画帧

    1.动画帧

    <style type="text/css">
                    .box{
                        width: 500px;
                        height: 200px;
                        background-color: gold;
                        animation-name: fromLeftToRight;
                        animation-duration: 1s;
                        animation: fromLeftToRight .5s infinite;
                        animation-delay: 0s;
                        animation-timing-function: ease-in;
                    }
                    @keyframes fromLeftToRight{
                        from{
                            margin-left: 0;
                        }
                        to{
                            margin-left: 1300px;;
                        }
                    }
                    .pp{
                        width: 500px;
                        height: 200px;
                        background-color: blue;
                        animation-name: FromLeftToRight;
                        animation-duration: 1s;
                        animation: FromLeftToRight .5s infinite;  /*无限循环*/
                        animation-delay: 2s;
                    }
                    @keyframes FromLeftToRight{
                        from{
                            margin-left: 0;
                        }
                        to{
                            margin-left: 1300px;
                        }
                    }
                    .pi{
                        width: 500px;
                        height: 200px;
                        background-color: red;
                        animation-name: FromLeftToRight;
                        animation-duration: 1s;
                        animation: LeftToRight .5s infinite;
                        animation-delay: 4s;
                    }
                    @keyframes LeftToRight{
                        from{
                            margin-left: 0;
                        }
                        to{
                            margin-left: 1300px;;
                        }
                    }
                </style>

    动画帧

     
     
     
  • 相关阅读:
    几种排序算法比较
    VB 增强的部件与引用
    EXCEL表格常用函数使用的难点
    VBA取得EXCEL表格中的行数和列数
    VB指针 与CopyMemory
    【VB】StrConv函数 vbUnicode用法
    TCP/IP笔记(七)TCP详解
    TCP/IP笔记(六)TCP与UDP
    TCP/IP笔记(四)IP协议
    TCP/IP笔记(三)数据链路层
  • 原文地址:https://www.cnblogs.com/Johnon/p/5773339.html
Copyright © 2011-2022 走看看