タグ

2020年6月18日のブックマーク (1件)

  • 【CSS】グラデーション指定時の色位置指定が分かりにくい - Little Strange Software

    どうも!LSSです!! CSSでグラデーションやマーカーを設定する時に、linear-gradientやradial-gradientを使います。 このブログでも何度かネタにしてきましたが、グラデーションする色を指定するところで色が「○%」って指定する部分が、とにかく分かり辛く、説明しづらい! ので、今回はそこに特化した解説記事を書いてみる事にします。 サンプル1 サンプル2 サンプル3 スクリプトで手軽に実験できるツール グラデの色の位置指定のみについての記事でしたが サンプル1 0% 100% こんなものを書いてみました。 コード 0%<span style="display: inline-block; width: 300px; height: 30px; border: 1px solid black; background-image: linear-gradient(90de

    【CSS】グラデーション指定時の色位置指定が分かりにくい - Little Strange Software
    conasaji
    conasaji 2020/06/18
    グラデーションの指定が、コードにも連動してます!理解しやすいです。さらっと凄いの作ったんですねー!