問題タブ [dropshadow]

SVGで画鋲のようなiPhoneマップを再現しようとしていますが、ピンの部分が下になっていますが、影にどのように取り組むのか疑問に思っています。ドロップシャドウの例をたくさん見てきましたが、それらはすべて、オリジナルを数ピクセルオフセットしているだけです。変換行列をフィルターに適用して、歪むようにすることは可能ですか？

これまでのピンSVGは次のとおりです。

ありがとう！

製品のリストをグリッド (960.gs) 形式で表示するページを作成しようとしています。COMP と一致させるには、ユーザーが LI の上にカーソルを置いたときに LI にドロップ シャドウを表示する必要があります。

ホバー時にドロップ シャドウを表示するのは簡単ですが、COMP でそのまま表示するのは難しい作業であることが判明したため、サポートが必要です。

以下は、一致させる必要がある COMP のスクリーンショットです。

1 から 10 までの数字はグリッドです。UL を使用して行を作成し、LI を使用して行に製品アイテムを表示しています。

スクリーン ショットでわかるように、影はグリッド レイアウトから流れ出します....ここでそれを組み込む方法の手がかりが得られました。

編集: プロジェクトの要件に従って、最新のブラウザーのみをサポートしているため、IE6 やその他のジャンク ブラウザーについて心配する必要はありません。CSS3 の使用が許可されています :)

このコードを使用して、別のビューの上にあるビューにドロップ シャドウを追加します。

しかし、それはうまくいきません、なぜですか？

次のコードを使用して、1 つの NSView 派生クラスからシャドウを丸めてドロップしようとしています。

シャドーイングは、丸めがない場合にのみ機能し、丸めが先か後かは関係ありません。コードを使用して、ビューから間接的にシャドウをドロップすることもできます。

NSShadow *myShadow = [[NSShadow alloc]init]; [myShadow setShadowOffset:NSMakeSize(10.0f, -10.0f)]; [myShadow setShadowBlurRadius:3.0]; [graphHostView setShadow:myShadow]; [myShadow セット];

全く同じ効果で。display、setNeedsLayout、およびその他のプロパティとメソッドのすべての組み合わせを試しましたが、何も機能しません。

信じられないことに、これが機能しないように思えます。結局のところ、NSWindow は丸みを帯びて影になっています...

バッキングレイヤーにも同じ結果でシャドウを適用しようとしたことを追加する必要があることを思い出してください。maskToBounds は境界の外側にあるものをマスクすることが予想されるため、同じレイヤーに影を表示することはできないと考えるのが妥当です。シャドウとマスクを設定する順序は結果に影響を与えないため、マスキングは後でこのレイヤーに追加できるものにも影響を与えることも明らかです。

それで、問題はまだ、別の NSView をシャドウで駆動せずに望ましい結果を達成する方法です。

css を使用して、div の境界線にドロップ シャドウを表示する方法はありますか?

リボン効果を作成しました (上部の左のリボンを参照してください)。リボンの端にもドロップ シャドウを適用します。

ありがとう

CSS を使用して左側に三角形を描画する DIV を作成します。親要素と疑似要素 (画像を参照) およびコードの両方に均一なボックス シャドウを適用しようとしています。

これは可能ですか？それとも、これに border-image を使用した方がよいでしょうか?

(上: シャドウ前、中: CSS ボックス シャドウ、下: 望ましい結果)

<span>Internet Explorer 6-9 の要素にテキスト シャドウを適用したいだけです。次のCSSコードを使用しています。

この HTML では:

その結果、要素だけがdropShadow、glow、およびshadowスタイル<p>を受け取ります。ただし、スタイルは適用されません。なんで？<span>

実際の例 (jsfiddle) があります。私はIE9を使用しました。

NSViewカスタムサブクラスのドロップ シャドウを作成しようとしています。

これまでのところ、私は管理しました：

青い正方形のみをレンダリングします (つまり、影はありません)。

ドロップ シャドウを適切な場所に設定していますか? の使用に必要なすべての要件を満たしていますsetShadow:か?

DocumentViewerコントロールからドロップシャドウを削除するにはどうすればよいですか？通常の境界線
を使用すると、ドキュメントの周囲もなくなります。docViewer.ShowPageBorders = falseBorderBrushを設定すると、境界線はドキュメントではなくコントロールを一周します。
これが私の言いたいことのスクリーンショットです：

どうすればこれができるのでしょうか？