気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
kachibito.netエントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント2件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
いまの話題をアプリでチェック！
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
clip-pathで要素を斜めにカットするCSSライブラリ・「Angled edges」
Angled edgesは要素を斜めにカットするためのCSSライブラリです。clip-pathを使っています。class付与で... Angled edgesは要素を斜めにカットするためのCSSライブラリです。clip-pathを使っています。class付与で上デモのように手軽に斜めにカットできます。斜めにカットしなくちゃいけないシーンは個人的に思いつきませんがなんとなくよく見かける気はしますね。 需要はさておき、clip-pathがわけあって使えない！主にIEが！って場合は代替となるか分かりませんがtransformでも一応可能です。 雑なサンプルで済みませんがclip-pathではなくtransformを使った実装例です。単純に親要素を斜めにして子だけ元の角度に戻してるだけです。親要素はpositionプロパティで位置調整しています。 clip-pathの方が当然応用しやすいので代替とは言えない方法ですが一応。 Angled edgesのライセンスはMITとなっています。 Angled edges
ブックマークしたユーザー
すべてのユーザーの
詳細を表示します
詳細を表示します
kachibito.net
kachibito.net
kachibito.net
kachibito.net
anond.hatelabo.jp
kyoko-np.net
shueisha.online
mainichi.jp
zenn.dev/teradatky
blog.shibayu36.org
forest.watch.impress.co.jp
www.techno-edge.net
pc.watch.impress.co.jp
togetter.com
japan.zdnet.com
findy-code.io
simplelife-blog.net
2017/12/19 リンク