問題タブ [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.
23 問題
0
投票する
2
に答える
239
参照
css - CSS 線形グラデーションでシームレスなアニメーションを作成する
上の線形グラデーションがアニメーション化されると、周囲とシームレスにブレンドするのではなく、グラデーションのエッジがはっきりと見えます。
エッジを隠すために試みられた解決策は、追加のグラデーションを上に重ねることでした。
このアプローチの問題は、継ぎ目とともに元のグラデーションの多くが隠されていることです。また、継ぎ目がある場所に明るい線を作成します。
シームレスなパターンを作成するために、グラデーションが終了したときにグラデーションを反転またはミラーリングする方法はありますか? または、元のグラデーションを大きくして縮小し、シームレスなパターンの錯覚を与えることもできます。これはどのように実装できますか？