CSS clip-path
関連タイピング
-
chatGPTに作らせた部分一致検索サイトです。
プレイ回数1107 長文590打 -
bootstrap5 color
プレイ回数144 英語長文729打 -
htmlの単語をマスター
プレイ回数682 短文英字93打 -
2022.12.14：プロパティを削除･追加。
プレイ回数3251 英語90秒 -
HTMLのタグを打とう!
プレイ回数974 短文90秒 -
vue Lifecycle Hooks
プレイ回数251 英語157打 -
HTMLの構成です。これであなたもプログラマーです。
プレイ回数550 133打 -
ブラウザで動くテトリスのコーディングです。
プレイ回数3005 長文532打
問題文
ふりがな非表示
ふりがな表示
(ｃｌｉｐ－ｐａｔｈ：ｉｎｓｅｔ（１０ｐｘ ５ｐｘ ｒｏｕｎｄ ５％）；)
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