1.

＠keyframes

編集

CSSのアニメーションでは、決められた時間の中でどのタイミングで、

どの値がどう変化するかをキーフレームと呼ばれる書式で記入する。

 

例）ｈ1をスライドインするコード

h1 {

    animation-duration: 5s;

    animation-name: slidein;

}

@keyframes slidein {

    from {

        margin-left: 100%;

        width: 300%

    }

    to {

        margin-left: 0%;

        width: 100%; }

}


（書きかけの記事です。記載をお願いします。）

 

編集
Post Share
子ページ

子ページはありません

同階層のページ

同階層のページはありません

2017-08-30 03:02:13 guest 187

人気ページ

最近更新/作成されたページ