• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Wykluczanie cienia

+2 głosów
64 wizyt
pytanie zadane 3 dni temu w HTML i CSS przez Dawidziu Obywatel (1,940 p.)

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

2 odpowiedzi

0 głosów
odpowiedź 3 dni temu przez ScriptyChris Mędrzec (181,080 p.)

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?

komentarz 2 dni temu przez Dawidziu Obywatel (1,940 p.)
Z tym, że cień nadal będzie widoczny nad, pod i po lewej stronie aplikacji
komentarz 2 dni temu przez ScriptyChris Mędrzec (181,080 p.)
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?
0 głosów
odpowiedź 3 dni temu przez VBService Mędrzec (178,870 p.)
edycja 2 dni temu przez VBService

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;  
}

Podobne pytania

0 głosów
2 odpowiedzi 406 wizyt
pytanie zadane 24 maja 2017 w HTML i CSS przez tls01 Nałogowiec (43,810 p.)
0 głosów
1 odpowiedź 102 wizyt
pytanie zadane 24 maja 2016 w HTML i CSS przez tirex Gaduła (4,430 p.)
0 głosów
1 odpowiedź 89 wizyt
pytanie zadane 17 stycznia 2019 w JavaScript przez ayo1001 Obywatel (1,820 p.)

88,663 zapytań

137,272 odpowiedzi

306,602 komentarzy

58,864 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Sklep oferujący ćwiczenia JavaScript, PHP, rozmowy rekrutacyjne dla programistów i inne materiały

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...