Code Copy Motion｜マスク/クリッピング系
コピペでWebサイトに動きを。CSS/JSアニメーションのコードギャラリーです。
See the Pen 文字が横からマスクスライド by et (@eito-oda) on CodePen.
文字が横からマスクスライド
See the Pen 上スライドマスクで文字が出現 by et (@eito-oda) on CodePen.
上スライドマスクで文字が出現
See the Pen 縦に開くマスク（上下からオープン） by et (@eito-oda) on CodePen.
縦に開くマスク（上下からオープン）
See the Pen スライス（左上→右下） by et (@eito-oda) on CodePen.
スライス（左上→右下）
See the Pen 画像がマスクされて上から出現 by et (@eito-oda) on CodePen.
画像がマスクされて上から出現
See the Pen 四角形が“回転しながら”開くマスク by et (@eito-oda) on CodePen.
四角形が“回転しながら”開くマスク
See the Pen テキストが“縦ライン”でスパッと切れて出現 by et (@eito-oda) on CodePen.
テキストが「縦ライン」でスパッと切れて出現
See the Pen 3本スライドマスクで画像が出現 by et (@eito-oda) on CodePen.
3本スライドマスクで画像が出現
See the Pen 四角形が広がって出現 by et (@eito-oda) on CodePen.
四角形が広がって出現
See the Pen スキャンラインで塗りつぶす（上→下） by et (@eito-oda) on CodePen.
スキャンラインで塗りつぶす（上→下）
See the Pen 斜めからのクリッピング by et (@eito-oda) on CodePen.
斜めからのクリッピング
See the Pen マスクスライド(左→右) by et (@eito-oda) on CodePen.