問題タブ [drop-shadow]
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.
35 問題
0
投票する
0
に答える
472
参照
html - カスタム シェイプの周囲に影を表示するためのドロップ シャドウ フィルタの代替
カスタム シェイプの周りに影を作成しようとして、ドロップ シャドウ フィルターの CSS プロパティを発見しました。しかし、それを実装した後、ウェブサイトの速度が大幅に低下することに気付きました.
したがって、ページの読み込み速度を犠牲にすることなく同じ効果を得るための代替手段を探しています.
サイトのメイン コンテンツは、ボックス シャドウを使用したシャドウ ボックス ラッパーで囲まれていますが、これは背景の透過部分のため、エンド セクションには使用できませんでした。
シャドーボックスの影に似た影を作ろうとしています。
現在の様子を示すjsFiddle を次に示します。
実際のサイトで見ることができます
HTML
CSS