React+TypeScript: CSSでカラーの林檎

はじめに

昔のアップルマークはカラーだったのを探して、形を単純にして遊びました。

実行例

See the Pen Untitled by kalz2q (@kalz2q) on CodePen.

説明

いままでは画像を1枚だけだったのをflexで並べる練習。

カラーをlinear-gradientで縞模様にする。よくわからないけど出来た。

林檎を齧ったようにマスクする。

BOXからはみ出ないようにoverflowをhiddenにする。