Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
yyjiugui opened this issue Aug 25, 2020 · 5 comments

Comments

@yyjiugui
Copy link

    @-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);
      }
    }
@yyjiugui
Copy link
Author

进一步排查 发现好像是js问题。

@javaLuo
Copy link
Owner

javaLuo commented Aug 25, 2020

额,我以前测试过应该OK的
我现在没苹果设备了...我之后找个mac试试

@yyjiugui
Copy link
Author

let t = new Date('2020-12-25 24:00:00').getTime() - new Date().getTime() // 剩余的毫秒数

@yyjiugui
Copy link
Author

写死打印出来就是 NAN 见鬼了。

@jjmaps116
Copy link

let t = new Date('2020-12-25 24:00:00').getTime() - new Date().getTime() // 剩余的毫秒数

new Date('2020-12-25T24:00:00') 在日期和时分秒中间加个T就行

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants