エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSSのconic-gradientで直線的な模様を作る: Days on the Moon
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSSのconic-gradientで直線的な模様を作る: Days on the Moon
この記事はCSS Advent Calendar 2022の19日目の分です。 CSSのconic-gradient(扇形グラデーション)関... この記事はCSS Advent Calendar 2022の19日目の分です。 CSSのconic-gradient(扇形グラデーション)関数を使うと、円グラフや集中線のような表現ができます。ここであえて扇形の中心角の部分に注目し、直線的な模様を作ってみることはできないでしょうか? いくつか試してみました。 例 例1. 二重のボーダー 「二重のボーダー」のデモ 「二重のボーダー」のCSSコード p { --outer-border-width: 1em; --inner-border-width: 1em; --outer-border-top-left-color: #1bf; --inner-border-top-left-color: #35b; --inner-border-bottom-right-color: #dc6; --outer-border-bottom-right-