Wykluczanie cienia

Question

Witam, czy jest możliwość wykluczowania cienia tych obiektów tak, żeby znajdował się tylko w miejscach, gdzie jedna aplikacja nachodzi na drugą?

Answer 1

Czy w tym przypadku nie chodzi tylko o ostatni element (po prawej stronie)? Domyślnie każdy następny element jest wyżej w osi Z niż poprzedni, więc może wystarczy wyłączyć cień dla ostatniego elementu przy pomocy selektora :last-child?

Comments

Z tym, że cień nadal będzie widoczny nad, pod i po lewej stronie aplikacji

---

Jeśli cień jest nałożony na poszczególne elementy, a nie na całość kontenera, to nie powinno być tak jak piszesz, gdy usuniesz cień z jednego elementu listy. Możesz pokaż kod tej listy elementów z cieniami?

Answer 2

Próbowałeś użyć ujemnych wartości dla box-shadow

box-shadow: -1.1em 0 1.05em -0.6em grey;

 

lub z użyciem  :before

      element:before {
        position: absolute;
        content: '';
        box-shadow: inset -1.1em 0px 1.05em -0.8em grey;
        top: 0;        
        left: -1.4em;
        width: 1.4em;
        height: 100%;
      }

 

nadając różne wartość dwóm pierwszym parametrom, możesz wpływać na każdy cień z osobna

element {
  box-shadow: 
    -1.1em 0 1.05em -0.6em red,
    0 -1.1em 1.05em -0.6em blue,
    1.1em 0 1.05em -0.6em yellow,
    0 1.1em 1.05em -0.6em lime;  
}