CSS3のインセットシャドウを使用しているときに、タブのようなエフェクトを作成する方法を理解しようとしています。ここでcss3タブエフェクトを使用したシャドウインセット
は私の試みです:http://beta.songdesk.com/home/tour/overview
そして、ここではそれが見えるように必要なものです:
http://beta.songdesk.com/img/tab-box-shadow-page.png
CSS3のインセットシャドウを使用しているときに、タブのようなエフェクトを作成する方法を理解しようとしています。ここでcss3タブエフェクトを使用したシャドウインセット
は私の試みです:http://beta.songdesk.com/home/tour/overview
そして、ここではそれが見えるように必要なものです:
http://beta.songdesk.com/img/tab-box-shadow-page.png
これは、すでにここで説明されています
Vertical Tabs with JQuery?
そして私は希望影のために通常のCSSを使用してください: http://css-tricks.com/snippets/css/css-box-shadow/
要するに、ここで達成しようとしていることは、1つのポリゴンではなく、別々のボックスを扱っているため、実行できません。
ロットを追加したり、オーバーレイされたdivなどでトリッキーにすることはできますが、マークアップが乱雑になり、維持/維持が非常に難しくなります。
代わりにborder imageを使用することもできますが、これにはいくつかのトリッキーが含まれている可能性がありますが、ブラウザ間で一貫性のある外観を得る方が簡単です。
これは私が恐れていたものです。私は、ボーダー画像を使用することでどのように役立つか分かりませんが、ボックスシャドウを使用するのと同じ問題にぶつからないでしょうか?お返事をありがとうございます! –
私は、画像を使って、望ましくない影を隠すためにオーバーレイされたdivで動作させることになりました。それは望ましくないマークアップを少し追加しますが、実際には1つのdivだけなので、私はそれを成功と呼びます。 –