エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
CSS3でグラデーション - HTML・CSSテックラボ - [SMART]
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
CSS3でグラデーション - HTML・CSSテックラボ - [SMART]
今回はCSSを使って背景にグラデーションを指定する方法を紹介します。 主に指定するプロパティは backgr... 今回はCSSを使って背景にグラデーションを指定する方法を紹介します。 主に指定するプロパティは background-image で、グラデーション用として用意された関数は線形グラデーション用の linear-gradient()と円形グラデーション用のradial-gradient()です。 古い環境向けでは書式の違うベンダープレフィックスが必要になりますが、最新のブラウザであればベンダープレフィックスは不要です。 線形グラデーション linear-gradient([開始位置] [角度], 開始色, [途中色], 終了色) 開始位置、角度、途中色は省略可能で、デフォルトの開始位置はtop、角度は0deg、途中色は指定なしとして扱われます。 必要最低限の指定をしたサンプルは下記になります。 background-image: linear-gradient(#F15F79, #B2459