beating heart

偶然发现一个 “跳动的红心” 的样式很有感觉，所以抄袭一下~

效果在页面最下方，版权那边~

找个 span 加上下面这些样式就可以了

.heart {
    color: #b71c1b;
    display: inline-block;
    animation: beating 1s infinite;
    animation-timing-function: ease-out;
}

@keyframes beating {
    0% {
    transform: scale(1);
    }

    20% {
    transform: scale(1.6);
    }

    30% {
    transform: scale(1)
    }

    50% {
    transform: scale(1.6)
    }

    70% {
    transform: scale(1)
    }

    100% {
    transform: scale(1)
    }
}

算是自定义动画的高级用法把，挺好的

举一反三：那些会动的文字也是类似的方式做出来的。没事了可以尝试一下