どうも!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](https://cdn-ak-scissors.b.st-hatena.com/image/square/9b82a8dc5cee961ac751b42fa2f7ae16c151308c/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fl%2Flittle_strange%2F20200617%2F20200617232438.png)