文字摇摆效果 转自马黑教程专版

admin

悦颐家园网

admin

<style type="text/css">
body { overflow-x: hidden; } /*禁用横向滚动条 */
#baiBox {
        margin: auto;
        width: 300px;
        text-align: center;
        font-size: 4rem;
        font-weight: bold;
        color: darkgreen;
        transform-origin: top;
        animation: yao 0.8s linear infinite alternate;
}

@keyframes yao {
        from{  transform: perspective(800px) rotatex(30deg); }
        to { transform: perspective(800px) rotatex(-30deg); }
}
</style>

<div id="baiBox">悦颐家园网</div>