1

黒い境界線を持つ通常の div を持つことは可能ですが、新しいブラウザーでは SVG を使用してさまざまなシェーディング効果を追加しますか?

つまり、古いブラウザーでは境界線が表示されますが、新しいブラウザーでは、div が持ち上げられた紙のように見える影が表示される場合があります。

編集：画像サンプル ここに画像の説明を入力

4

2 に答える 2

1

影の効果は、css3box-shadow属性を使用して実現できます。いくつかの例がここにあり、このサイトでは、すぐにプレビューできる CSS 条項のインタラクティブな生成が可能です (他の CSS 効果も)。

サンプルファイル:

<!DOCTYPE html>
<html>
    <head>
        <title>css3 box shadow demo</title>
    </head>
    <body>
        <div style="width:500px; height:100px; -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; box-shadow: 10px 10px 5px #888;">no content</div>
    </body>
</html>
于 2013-04-19T00:26:25.300 に答える