1

長方形の DIV の 4 辺すべてにドロップシャドウを付けたいと思います。

これで、コンテナー div を使用して、正の値のドロップ シャドウと負の値のドロップ シャドウを 1 つずつ使用することで、必要なものを取得できる可能性があります。プッシュできるものを見たことがありません。これはボイラープレート コードで行われているため、CSS 以前の古い方法で、境界線の色が異なる一連のネストされた DIV を使用できます。何らかの方法で、4 つの DIV に対して 4 つのドロップシャドウを作成できるかもしれません。たとえば、「CSS の 3 つの側面の影」を参照してください。

ただし、私が見た、または検索で見た証拠はすべて、ダクトテープのようなにおいがします。ドロップ シャドウは 2 面に対して十分に強力に設計されているため、ダクト テープなしでは 4 面を適切に実装することはできませんか?

必要に応じてダクトテープを使用しますが、ダクトテープのブランドから選択する前に、それを行う良い方法があるかどうかを調べたいと思います.

4

2 に答える 2

1

頭上にホバー シャドウを追加したいですか？

.shadow {
    -webkit-box-shadow:0 0 10px rgb(0,0,0);
    -moz-box-shadow:0 0 10px rgb(0,0,0);
    box-shadow:0 0 10px rgb(0,0,0);
}

はめ込みでも使用でき、エッジの 3D 効果が非常に高くなります。

于 2013-03-14T20:17:09.490 に答える
0

オプションのスプレッド値（10px）を構文に追加するだけです。このような：

.dropshadow {
-webkit-box-shadow: 0px 0px 5px 10px rgba(0,0,0,.5);
-moz-box-shadow: 0px 0px 5px 10px rgba(0,0,0,.5);
box-shadow: 0px 0px 5px 10px rgba(0,0,0,.5);
}
于 2013-03-14T20:21:35.310 に答える