問題タブ [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.
android - Android ドロップ シャドウの半径
私はドロップシャドウを取得するために取り組んでいます。
私が得ることができる最も近いものは、勾配半径を使用することです。
コードは次のとおりです。
Lollipop では問題なく動作しますが、API レベル 19 ではまったく動作しません。画像が表示されません。
そうする別の方法はありますか？
皆さんありがとう。
html - filter:drop-shadow () が Chrome で機能しない
filter最近、CSSプロパティを詳しく調べています。いくつかのテストを行うためだけに、いくつかのコードを書き留めました。drop-shadow以下は、フィルターに関連する簡単なコードです。
HTML
CSS
添付の画像filter:drop-shadow()からわかるように、Firefox (画像の右側) では正常に動作しますが、Chrome (画像の左側) では正常に動作しません。今のところIEには興味がありません。
あなたの意見では、どのような問題が考えられますか?
css - safari と chrome でホバー時の svg フィルターが機能しない
特定の地域がグループ化された米国の地図があります。各領域にカーソルを合わせると、ドロップ シャドウが適用されます。Firefoxで素晴らしい作品！しかし、Safari では svg オブジェクトのグループがホバー時に消え、Chrome では何も起こりません。これはホバー効果であるため、他の場所で参照されている定義を入れることはできません。これに対する合理的な解決策はありますか？
これは私が使用しようとしているCSSです:
インライン SVG 画像内の図形のグループに適用しています。
上記の定義は、こちらの例で見ることができます。
twitter-bootstrap - コンテンツ マージンを変更せずにボックス シャドウ マージンを減らす
コンテンツがドロップシャドウで囲まれた単純なブートストラップ Web サイトがあります。左右のドロップ シャドウをウィンドウの境界に近づけて配置し、コンテンツがぎゅうぎゅう詰めにならないようにしています。影の半径を大きくしたいのではなく、影の側面を左右の境界線に近づけたいだけです。
ここに私のHTMLがあります：
ここに私のCSSがあります:
パディングを追加したり、.dropshadow の左右のマージンを変更しようとすると、コンテンツの配置が台無しになります。中身はそのままでいてほしい。もっと良いものがあると思わない限り、私はそれをdisplay:tableのままにしたいと思います。
ここにフィドルがあります： https://jsfiddle.net/u1ph99pv/2/
ボックスの影が表示されるのに十分な大きさのウィンドウ幅を広げてください。モバイル ビューでは表示しないため、私の Web サイトでは問題ありません。
css - 背景に関係なく、SVG「フィルター:ドロップシャドウ()」の色を維持する方法は?
https://codepen.io/dudleystorey/pen/EaMQBjの CodePen の例に基づいて、SVG 画像の周りに赤い影を追加しようとしました。ただし、背景色が青色の場合は紫色になります。背景色や画像に関係なく、色を赤く保つにはどうすればよいですか? どんな助けでも大歓迎です。