気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
qiita.com/pmintエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
0
記事へのコメント0件
- 注目コメント
- 新着コメント
新着コメントはまだありません。
このエントリーにコメントしてみましょう。
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
transform:skew()でひし形を作る方法 - Qiita
「CSSでひし形を作る方法」を探すと、正方形を45度回転させる例ばかり見つかって「正方形を回したのがひ... 「CSSでひし形を作る方法」を探すと、正方形を45度回転させる例ばかり見つかって「正方形を回したのがひし形？？？」と思った人へ。 transform:skew()をどうぞ。 transform:skew()で作るひし形 skew()には(90deg - 欲しい角度) / 2を与えます。 ブロックレベル要素は元から内角90degの長方形なので、90degからの差分を指定します。 X軸方向・Y軸方向の両方で傾けるので、それぞれに指定する角度は1/2になります。 <div class="diamond"></div> <style> .diamond { display: block; width: 5rem; height: 5rem; background: gray; transform: skew( calc((90deg - 30deg) / 2), calc((90deg - 30d
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
qiita.com/pmint
qiita.com/pmint
vdata.nikkei.com
www.nomuraholdings.com
anond.hatelabo.jp
note.com/higashino_atsuko
www.itmedia.co.jp
road288.hatenablog.com
zenn.dev/levtech
www.oreilly.co.jp
pc.watch.impress.co.jp
rework.withgoogle.com
www.itmedia.co.jp
www.itmedia.co.jp
www.jstage.jst.go.jp
