CSS clip-path

関連タイピング
-
自作のハンバーガーメニューを作成しましょう!
プレイ回数3091英語長文721打 -
html初心者用のタイピングです。
プレイ回数5605短文英字50打 -
htmlの雛形覚え用
プレイ回数451英語長文258打 -
html DOM要素
プレイ回数447英語長文285打 -
TLJ専用のHTML練習用タイピングです。
プレイ回数4322260打 -
2022.12.14:プロパティを削除・追加。
プレイ回数2754英語90秒 -
webクリエイター試験上級までカバー。簡単にしました。
プレイ回数1719長文1085打 -
初心者向けです。
プレイ回数6869英語546打
問題文
ふりがな非表示
ふりがな表示
(clip-path:inset(10px 5px round 5%);)
inset(上 右 下 左 round 左上 右上 右下 左下)
(clip-path:circle(50px at right top);)
circle(半径 at 位置)
(clip-path:ellipse(60px 40px at 60px 40%);)
ellipse(x半径 y半径 at 左右 上下 中心の位置
(clip-path:polygon(0% 0%,100% 0%,50% 100%);)
poygon(X座標 y座標のペア);
(clip-path:circle(50%);shape-outside:circle(50%);)
shape-outside: clip-pathと同じ;
(shape-margin:10px;)
shape-margin:
(color:transparent;)
color:rgba(0,0,0,0);
(background-clip:text;)
background-clip