一些动画效果

摸鱼搬砖工

于 2020-01-04 11:08:12 发布

阅读量171

点赞数

本文链接：https://blog.youkuaiyun.com/csdn_zhuang/article/details/103831045

版权

@keyframes bounceInRight {
    0% {
        margin-left: -15px;
        opacity: 0;
    }

    60% {
        margin-left: -1px;
        opacity: 0.5;
    }

    80% {
        margin-left: -3px;
        opacity: 0.8;
    }

    100% {
        margin-left: -4px;
        opacity: 1;
    }
}

@keyframes shandong {
    0% {
        background: url("../images/bg03submenu.png") 1px 1px no-repeat #a345f0;
    }

    100% {
        background: url("../images/bg03submenu.png") 1px 1px no-repeat #0050b3;
        ;
    }
}

@keyframes masked-animation {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: -100% 0;
    }
}