首页 ✨ 美化

logo1.png

/*跳动文字css*/
.Pshake{ 
    display: inline-block; 
    will-change: transform; -webkit-transform-origin: center center; -ms-transform-origin: center center; 
    transform-origin: center center; -webkit-animation: Pshake_Crazy 1s ease-in-out infinite; 
    animation: Pshake_Crazy 1s ease-in-out infinite;
 } 
@keyframes Pshake_Crazy{ 
    10%{transform:translate(-0.5px,-0.5px) rotate(0.5deg);}
    20%{transform:translate(-0.5px,1.5px) rotate(0.5deg);}
    30%{transform:translate(1.5px,0.5px) rotate(0.5deg);} 
    40%{transform:translate(1.5px,-0.5px) rotate(-0.5deg);} 
    50%{transform:translate(2.5px,1.5px) rotate(1.5deg);} 
    60%{transform:translate(-0.5px,-0.5px) rotate(-0.5deg);} 
    70%{transform:translate(-0.5px,2.5px) rotate(1.5deg);} 
    80%{transform:translate(2.5px,-1.5px) rotate(-0.5deg);} 
    90%{transform:translate(1.5px,-0.5px) rotate(1.5deg);} 
    0%,100%{transform:translate(0,0) rotate(0);} 
}

在自定义css里添加后 在你想加的地方添加个class类 class="Pshake"




文章评论

评论已关闭