問題タブ [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.

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

css - -webkit-filter: 他のブラウザのドロップシャドウ

次の css を使用して適用しているドロップ シャドウ効果があります。

これに相当するものを他のブラウザで知っている人はいますか。

box-shadow: 0 1px 10px rgba(113,158,206,0.8)これは形状のcss矢印部分の周りに影効果を適用しないため、使用できないことに注意してください

フィドル

0 投票する
1 に答える
692 参照

android - DrawerLayout の ListView にシャドウ効果を追加するには?

listView を使用して生成されたスライダーメニューがあります。この Listview は DrawerLayout 内に配置されます。ListView にドロップ シャドウ効果を追加したいと考えています。誰かが私に何をすべきかを段階的に教えてもらえますか?

0 投票する
1 に答える
286 参照

css - apply drop-shadow like CSS3 effect in firefox

I am working on a project which uses CSS3's drop-shadow. Drop Shadow is being applied to an Image having alpha pixels as well. It works fine in Chrome. Problem arises with firefox. I want an alternative solution to it. Currently I am using SVGs to render drop-shadow like effects but it is too heavy and moreover it is causing some issues. I'd like to get some ideas so as to implement same functionality in firefox.

Pls help. Thanks.

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

html - ホバー時の CSS ドロップ シャドウが、Chrome を使用してマウス アウト時に完全に削除されない

私のサイトのいくつかの透明なpngのホバーにドロップシャドウ効果がありますが、マウスが画像を離れたときに影が完全に削除されません(また、SafariとFirefoxでもまったく機能しませんが、それは別の質問になります)

これは元の画像です:

元の画像

これは、ドロップ シャドウのイメージです。

影のある画像

そして、これはマウスが去った後の画像です:

ここに画像の説明を入力

コードは次のとおりです。

CSS:

HTML:

お手伝いありがとう!

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

css - CSS がドロップ シャドウではなくボックス シャドウを生成している

以下の画像があり、外部スタイル シートにコードを記述したので、画像をロールオーバーするとドロップ シャドウが作成されますが、ボックス シャドウのみが作成されます。私が使用しているコードは次のとおりです。

ここに画像の説明を入力

どこが間違っていますか?