問題タブ [repeating-linear-gradient]

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 投票する
1 に答える
604 参照

css - 繰り返し線形グラデーションを使用して斜めの境界線で線幅を同じに保つ方法は?

各行の間に間隔のある広い線がある境界線で繰り返し線形グラデーションを使用しようとしています。1px6px

誰かが私が間違っていることを教えてくれるので、線が繰り返されるときに同じ幅ではありませんか? ピクセル値を微調整しようとしましたが、決して一致しません。

JSFiddle

ここに画像の説明を入力

0 投票する
2 に答える
377 参照

css - 反復線形グラデーションの操作

Uber のブランド Web サイトに似た線のパターンを再現したい: https://brand.uber.com/ - 特に、背景に見える繰り返しの線: http://prntscr.com/etius6

そうするために、CSSで繰り返し線形グラデーションを使用することを考えました。

ここにフィドルがあります:https://jsfiddle.net/jz7ag7L1/

それは機能しますが、少し調整したいです。基本的には最初のバーを削除したいのですが、グラデーションが消えたり、奇妙に薄くなったりして、常にバーを現在の場所に置いたままにします..background-position効果もありません。

どんな助けでも素晴らしいでしょう、ありがとう