タグ

CSSに関するnamonakitendonのブックマーク (2)

  • 【CSS】IE環境では使うの躊躇していた、便利なCSS。 - Qiita

    概要 長い間、Windows OSに標準で付いていたInternet Explorer (通称 IE)。 マイクロソフト社が2022年6月15日IEのサービス終了を発表しました。 それに伴い、多くのWebサービスを開発している企業・個人が 今までIEにも対応しないといけないからと使うのを躊躇していたCSSプロパティを 勉強しはじめたと思います。 僕もその1人です。 勉強している中で、IEのみ使えなかったCSSプロパティ 実際に業務で使えそうと思ったCSSプロパティを解説します。 Grid Layout Grid Layoutを使うことを待ちかねていた人が多いと思います。 今まで、display: flex;でいい感じにごちゃごちゃしていたものが display: Grid;でいい感じに書くことができます。 FlexBoxで作った場合 See the Pen Qiita - Flex by

    【CSS】IE環境では使うの躊躇していた、便利なCSS。 - Qiita
  • 【CSS】「なんかグラデーションが汚くなるんだけど」を解決する。 - Qiita

    概要 このグラデーションは、#ff0000 → #00ff00のグラデーションになります。 みなさんは、このクラデーションを見てどう思いますか? 真ん中あたりの色が茶色っぽくなって あまり綺麗なグラデーションとは感じないですよね? この記事では、これが発生する原因と綺麗なグラデーションの作り方を 解説していきます。 この記事を読んで理解すれば、綺麗なグラデーションが簡単に作れるようになるでしょう。 原因 1. RGBについて理解する RGBは、赤(Red)、緑(Green)、青(Blue)の3つの色を それぞれ、0~255の値を指定することで、色が作られます。 例えば、 R: 255, G: 0, B: 0 → 赤 R: 255, G: 255, B: 0 → 黄色 このように色が指定されます。 では、RGB全てが同じ値の時はどんな色になるでしょうか? 答えは、↑このようにグレースケールカ

    【CSS】「なんかグラデーションが汚くなるんだけど」を解決する。 - Qiita
  • 1