問題タブ [gradientstop]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
701 参照

html - 逆繰り返し線形グラデーション

このコードを使用して、やや点線の境界線を作成しています。

CSS

transparentとに対応する長さを切り替えて色を逆にしようとして#ffaacdいますが、うまくいきません。私はまっすぐなピンクの線を取得します。

ノート

border一部のレイアウトに影響するため使用できないので、背景だけを使用することに注意してください。

編集

私が達成しようとしていることを説明するためにフィドルを作成しました。

基本的に、私は何らかの形の凡例を作成しています。現在、ストリップは透明な色で始まっていますが、上のストリップと整列するようにピンク色で開始したいと考えています。