Skip to content

Safari浏览器该组件不工作,给动画做了兼容,貌似没啥用。 #7

@yyjiugui

Description

@yyjiugui
    @-webkit-keyframes animate-filp-face {
      0% {
        transform: rotateX(-0.01deg);
        opacity: 1; // 改变opacity 为了QQ浏览器和safari(不支持z-index animate)
      }
      50% {
        opacity: 1;
      }
      51% {
        opacity: 0;
      }
      100% {
        transform: rotateX(-180deg);
        opacity: 0;
      }
    }


    @-webkit-keyframes animate-filp-back {
      0% {
        transform: rotateX(180deg);
      }
      100% {
        transform: rotateX(-0.01deg);
      }
    }

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions