CSS clip-path

・スマホ向けフリック入力タイピングはこちら

※アプリのインストールが必要です。

・PC向けタイピングはこちら

タブレット＋BlueToothキーボードのプレイもこちらがオススメです！

投稿者

パンサーｆｋいいね4 お気に入り登録

プレイ回数725 難易度(4.6) 259打長文

自分練習用

問題文

ふりがな非表示ふりがな表示

(ｃｌｉｐ－ｐａｔｈ：ｉｎｓｅｔ（１０ｐｘ　５ｐｘ　ｒｏｕｎｄ　５％）；)

inset（上　右　下　左 round 左上　右上　右下　左下）

(ｃｌｉｐ－ｐａｔｈ：ｃｉｒｃｌｅ（５０ｐｘ　ａｔ　ｒｉｇｈｔ　ｔｏｐ）；)

circle(半径　at 位置）

(ｃｌｉｐ－ｐａｔｈ：ｅｌｌｉｐｓｅ（６０ｐｘ　４０ｐｘ　ａｔ　６０ｐｘ　４０％）；)

ellipse（x半径 y半径　at 左右　上下　中心の位置

(ｃｌｉｐ－ｐａｔｈ：ｐｏｌｙｇｏｎ（０％　０％，１００％　０％，５０％　１００％）；)

poygon(X座標　y座標のペア）;

(ｃｌｉｐ－ｐａｔｈ：ｃｉｒｃｌｅ（５０％）；ｓｈａｐｅ－ｏｕｔｓｉｄｅ：ｃｉｒｃｌｅ（５０％）；)

shape-outside: clip-pathと同じ;

(ｓｈａｐｅ－ｍａｒｇｉｎ：１０ｐｘ；)

shape-margin:

(ｃｏｌｏｒ：ｔｒａｎｓｐａｒｅｎｔ；)

color:rgba(0,0,0,0);

(ｂａｃｋｇｒｏｕｎｄ－ｃｌｉｐ：ｔｅｘｔ；)

background-clip