Html 右边的CSS过渡徽标

我想让我的标志com在从右边。我几乎什么都试过了，请帮忙

斯特拉特哈克斯公司之家


章节












5% 




话题
日期


：由
评论
话题
日期


：由
评论


©版权所有2015 StratHaxxs公司。

试试这个，告诉我它是否有效：）

window.addEventListener（'load'，function（）{
var logoContainer=document.getElementById（'logoContainer'）；
logoContainer.style.right='0'；
});
#标识容器{
-o-过渡：所有3s容易；
-moz转换：所有3s轻松；
-webkit过渡：所有3s轻松；
-ms转换：所有3s轻松；
过渡：所有3s轻松；
位置：绝对位置；
右图：-100vw；
显示：表格；
}



部分














5% 




话题
日期


：由
评论
话题
日期


：由
评论


©版权所有2015 StratHaxxs公司。

我在本例中使用了“bounceInRight”动画。将类
动画
添加到徽标容器div

.animated {
visibility: visible;
float: right;

    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

你有css吗？欢迎来到stackoverflow:）@www139我应该发布它吗？你可以，但是如果你发布了，就只发布问题的相关CSS。我正在写我的答案：）你应该阅读CSS转换