drop-shadow

1熱

2答えて

私はとして参照、私のFlexアプリケーションでのスタイルシートを持っている：これは多くのコンポーネントにドロップシャドウを与える global { fontSize: 11pt; dropShadowEnabled: true; verticalAlign: "middle"; } ：このスタイルシートで <mx:Style source="/assets/st

0熱

1答えて

変換後にフィルタを適用する

私は、交差する線の透明な.png画像を持っています。 drop-shadow CSS filterが適用されている場合は、境界矩形ではなく、線だけがドロップされます（box-shadowと同じではありません）。 drop-shadowフィルタとtransform: rotateの両方を適用すると、ChromeとFFが最初にシャドウを描画してから、その結果の画像をシャドウにマージして回転します。回転

1熱

1答えて

Internet Explorerのフィルタドロップシャドウ

IE以外のブラウザでうまく動作する曲線PNGにドロップシャドウフィルタを使用しています。ここでボックスをチェックしてください：https://www.yogidia.com/builder （「1でヨガシーケンスビルダー3：」ちょうど下の3つのボックスを）をここでは私のコードです： .curved::after { content: ""; -webkit-filter:

1熱

1答えて

バックグラウンドに関係なく、SVGのフィルタ：ドロップシャドウ（）の色を保持する方法は？

https://codepen.io/dudleystorey/pen/EaMQBjのCodePenの例に基づいて、SVGイメージの周囲に赤い影を追加しようとしました。ただし、背景色が青の場合、色は紫色に変わります。どのように背景色やイメージに関係なく、赤色の色を維持するには？どんな助けもありがとうございます。 #robbie { background-color: blue;

-1熱

1答えて

IE10 +のシャドウをドロップしますか？ DXフィルターはもはやサポートされていません

ボックスシャドウの問題点は、ドロップシャドウとは異なりPNG透過性をサポートしていないことです。だから私はボックスシャドウ以上のドロップシャドウを使用したい、私はIE10 +のドロップシャドウの効果を見ることができるように他の方法があります。 img { filter: drop-shadow(16px 16px 10px black) } <img src="https://

7熱

3答えて

この種のドロップシャドウを行う最も良い方法は？

私は画像とdiv（両方の組み合わせ）の列を持ち、常に同じサイズになるサイトを持っています。私は（ここに見られるように）ドロップシャドウの特定の種類を追加するこれらのすべてに：私はCSSのドロップシャドウで働いてきたが、私はCSSでこのようなものを見たことがありません。 CSSでこれを行うことはできますか？それができないとすれば、私はドロップシャドウスライスをグラフィック、おそらくバックグラウン

0熱

1答えて

コンテンツマージンを変更せずにボックスシャドーマージンを小さくする

私はドロップシャドーで囲まれた内容の簡単なブートストラップウェブサイトを持っています。私は、ウィンドウの境界に向かって左右のドロップシャドウを近づけて、コンテンツの見た目を詰め込まないようにしています。私は影の半径を広げたくないので、影の辺を左右の境界の近くに配置したい。ここでは、それは次のようになります。ここではBorder is too close to content. は私のHTMLです

0熱

2答えて

jQueryを使用せずにJavaScriptを使用してドロップシャドウを変更する

-webkit-filter: drop-shadow(5px 5px 5px #222);のスタイルをjQueryを使用せずにJavaScriptに追加したいとします。 CSSトランスフォームを使用して、透明なイメージ期間pngのシャドウを作成します。このコードは正しく動作していない： var scscsc = document.getElementById('scscsc'); scs

-1熱

1答えて

透明イメージのドロップシャドウと背景色

背景を設定すると、ドロップシャドウフィルタはフリーフォームを無視し、それをイメージの矩形のアウトラインにのみ適用します。 img { background: lightgreen; filter: drop-shadow(0 0 10px red); } これは、SVGフィルターを使用して達成することができるhttps://jsbin.com/zoseru/2/edit?