0
2つの別々の要素に、3つの側面のボックスシャドウを下に、3つの面のシャドウ要素を上に挟んで作成しようとしています。下の画像のように:両面ボックスシャドウの上に3面のシャドウシャドウ
私は近いんだけど、あなたが見ることができるように、そこに3番目と4番目の要素の間のスペースの問題のビットであり、トップ影がために途中で停止しています何らかの理由で...私が持っているCSSはここにあります:
#tile1{
-webkit-box-shadow: 7px 0 5px #319a00 , -7px 0 5px #319a00, 0 -2px 5px 5px #319a00;
}
#tile2{
-webkit-box-shadow: 7px 0 5px #319a00 , -7px 0 5px #319a00;
}
#tile3{
-webkit-box-shadow: 7px 0 5px #319a00 , -7px 0 5px #319a00;
}
#tile4{
-webkit-box-shadow: 7px 0 5px #319a00 , -7px 0 5px #319a00, 0 3px 5px 5px #319a00;
}
どうすればいいのですか?私はdiv要素全体にボックスシャドウを置くことはできません。なぜなら、これらの要素トグルを持つことになるからです。
トグルとはどういう意味ですか?もしそれらが消えれば、それは親のdivが彼らと共にサイズを変えることを意味するのではないでしょうか? –