CSS clip-path
関連タイピング
-
htmlのタグを入力
プレイ回数507 300秒 -
読み方の勉強です。
プレイ回数3880 短文英字171打 -
自作のハンバーガーメニューを作成しましょう！
プレイ回数4463 英語長文721打 -
htmlやcssのタイピングです。
プレイ回数7818 英語長文120秒 -
プログラミングでよく使う記号や構文を練習したい人向け
プレイ回数1.1万 長文956打 -
簡単な解説付きでグラデーションをまとめ、個人練習用
プレイ回数561 長文645打 -
CSSでよく使うプロパティのタイピング
プレイ回数565 英語長文584打 -
タイピングのついでにHTML5の練習もしちゃいましょう。
プレイ回数5589 長文311打
問題文
ふりがな非表示
ふりがな表示
(ｃｌｉｐ－ｐａｔｈ：ｉｎｓｅｔ（１０ｐｘ ５ｐｘ ｒｏｕｎｄ ５％）；)
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