CSS/JSアニメーションコピペサイト-マスク/クリッピング系｜Code Copy Motion

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.

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.