問題タブ [css-gradients]

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

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

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

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

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

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

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

0 投票する
0 に答える
471 参照

html - CSS3 グラデーションの違い | Chrome と Safari

私はCSS3グラデーションを次のように使用しています:

私が抱えている問題は、Safari がグラデーションに黒い色合いを追加しているのに対し、Chrome はうまくフェードしていることです。

以前にこの問題を経験した人はいますか?

JSFIDDLE

サファリ

ここに画像の説明を入力

クロム

ここに画像の説明を入力