css

一、
li:nth-child(1)

li:nth-child(2)

li:nth-child(3)
二、

@keyframes kai {
    0% {
        transform: scale(1);
    }
    20% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}
@-webkit-keyframes kai {
    0% {
        -webkit-transform: scale(1);
    }
    20% {
        -webkit-transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale(1);
    }
}
@-moz-keyframes kai {
    0% {
        -moz-transform: scale(1);
    }
    20% {
        -moz-transform: scale(1.2);
    }
    100% {
        -moz-transform: scale(1);
    }
}
@-ms-keyframes kai {
    0% {
        -ms-transform: scale(1);
    }
    20% {
        -ms-transform: scale(1.2);
    }
    100% {
        -ms-transform: scale(1);
    }
}
@-o-keyframes kai {
    0% {
        -o-transform: scale(1);
    }
    30% {
        -o-transform: scale(1.2);
    }
    100% {
        -o-transform: scale(1);
    }
}

.rob img {
    width: 25%;
    animation: kai 1s linear 0.5s infinite;
    -moz-animation: kai 1s linear 0.5s infinite;
    -o-animation: kai 1s linear 0.5s infinite;
    -ms-animation: kai 1s linear 0.5s infinite;
    -webkit-animation: kai 1s linear 0.5s infinite;
}
三、

.loginTk{width: 82%;margin: 0 auto;position: fixed;top: 50%;left: 9%;z-index: 21;
    transform:translateY(-50%);padding-bottom: 1.1875rem;
    border-radius: 0.5rem;display: none;
    -ms-transform:translateY(-50%); /* IE 9 */
    -moz-transform:translateY(-50%); /* Firefox */
    -webkit-transform:translateY(-50%); /* Safari 和 Chrome */
    -o-transform:translateY(-50%); /* Opera */

}
四、

.cl-red{background: -webkit-linear-gradient(left, #ff9652 , #ff5e30); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(left, #ff9652 , #ff5e30); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(left, #ff9652 , #ff5e30); /* Firefox 3.6 - 15 */
    background: linear-gradient(left, #ff9652 , #ff5e30); /* 标准的语法 */}