CSS clip-path

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

関連タイピング

問題文

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

(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