前端小功能(持续记录)

记录一些个人觉得值得记得的小功能

1.纯CSS3实现Icon跳跃功能

@keyframes jumpy {

    0% {

        transform:translateY(0) ;

    }

    25% {

        transform:translateY(-10px);

    }

    50% {

        transform:translateY(-20px)scale(1.1,0.9);

    }

    75% {

        transform:translateY(-10px) ;

    }

    100% {

        transform:translateY(0) ;

    }

}

2.获取IOS手机系统的版本

var str= navigator.userAgent.toLowerCase();

var ver=str.match(/cpu iphone os (.*?) like mac os/);

let versonStr =ver[1].replace(/_/g,".")