CSS clip-path
関連タイピング
-
htmlの雛形覚え用
プレイ回数295英語長文258打 -
CSSでよく使うプロパティのタイピング
プレイ回数255英語長文584打 -
プログラミングでよく使う記号や構文を練習したい人向け
プレイ回数9617長文956打 -
自作のハンバーガーメニューを作成しましょう！
プレイ回数2718英語長文721打 -
vue Lifecycle Hooks
プレイ回数165英語157打 -
自分で覚えるためにつくりました
プレイ回数2771190打 -
タイピングのついでにHTML5の練習もしちゃいましょう。
プレイ回数5060長文311打 -
Vue.js 3 Transition 自分暗記用
プレイ回数155英語長文364打
問題文
ふりがな非表示
ふりがな表示
(ｃｌｉｐ－ｐａｔｈ：ｉｎｓｅｔ（１０ｐｘ ５ｐｘ ｒｏｕｎｄ ５％）；)
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