zoukankan      html  css  js  c++  java
  • css3 页面退出和进入的动画


    @-webkit-keyframes slideIn {
    from {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
    }

    to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
    }
    }

    @keyframes slideIn {
    from {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
    }

    to {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
    }
    }

    @-webkit-keyframes slideOut {
    from {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
    }

    to {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
    }
    }

    @keyframes slideOut {
    from {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
    }

    to {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
    }
    }

    .page.slideIn {
    -webkit-animation: slideIn .2s forwards;
    animation: slideIn .2s forwards
    }

    .page.slideOut {
    -webkit-animation: slideOut .2s forwards;
    animation: slideOut .2s forwards
    }

  • 相关阅读:
    c++ 与 c 的区别
    c++ 查看程序运行时间
    串口阻塞与非阻塞
    串口缓冲区
    马拉车算法
    printf 自加自减
    stack
    长度问题
    PCIE的内存地址空间、I/O地址空间和配置地址空间
    数组和指针
  • 原文地址:https://www.cnblogs.com/shawn-en/p/5067686.html
Copyright © 2011-2022 走看看