CSS clip-path

背景
投稿者投稿者パンサーｆｋ  いいね4  お気に入り登録
プレイ回数749  難易度(4.6) 259打 長文
タグCSS html clip path
自分練習用

関連タイピング

関連タイピング一覧

問題文

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

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

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