CSS

【CSS】便利な無限CSSアニメーションInfinite CSS Animations

February 20, 2017
Infinite CSS Animations

Infinite CSS Animationsはあなたのプロジェクトにドロップできる便利な無限CSSアニメーション。

pulsate

opacityscaleで脈動するアイテムを生成。

.pulsate-css {
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite; 
    opacity: 0.0;

    /* you dont need the stuff below, but its what I used to create the loading circle */
    border: 3px solid #999;
    border-radius: 30px;
    height: 18px;
    width: 18px;
    position: relative;
    display: inline-block;
    margin-top: 20px;
    text-align: center;
}

その他にもopacityPulsealertPulserotatingがあります。
MIT