ROZWIĄZANE Efekt mask

Discussion in 'Sklep internetowy eSklep' started by yankes, Jan 30, 2017.

  1. yankes

    yankes Artysta

    Messages:
    279
    Likes Received:
    15
    Witam, kominowalem dzisiaj z efektem mask, jednak nic mi nie wychodzi.. Czy jest mozliwosc podpieca pod menu, tzn po rozwinieciu kategorii sciemnia sie reszta strony?
     
  2. Grzesiek

    Grzesiek Centrum Pomocy

    Messages:
    3,659
    Likes Received:
    331
  3. Mariusz

    Mariusz pomoc.home.pl Moderator forum

    Messages:
    3,087
    Likes Received:
    302
    Przyznam szczerze, że nigdy nie korzystałem z takiego efektu. @TheL @flex czy może próbowaliście kiedyś czegoś takiego?
     
  4. flex

    flex Użytkownik

    Messages:
    55
    Likes Received:
    62
    prosta wersja takiego efektu to np:

    Code:
    .menu .innermenu .parent:hover > div > ul{
      box-shadow: 0 0 0 2000px rgba(0,0,0,0.5);
    }
    
     
    Mariusz likes this.
  5. yankes

    yankes Artysta

    Messages:
    279
    Likes Received:
    15
    cos tam dziasa tylko gdy nahjade na cos to kolumna sie podswietla itd.
     
  6. TheL

    TheL @Lider VIP Beta-tester

    Messages:
    2,403
    Likes Received:
    535
    trzeba by było to rozbudować tak aby dotyczyło tylko jednej konkretnej sytuacji lub w drugim kierunku zabrać style dziedziczone z innych elementów. Bez zobaczenia efektu nie jestem w stanie opisać nic więcej.
     
  7. yankes

    yankes Artysta

    Messages:
    279
    Likes Received:
    15
    [​IMG]
    po najechaniu na kategorie glowna na innermenu, spoko, ale na ktora kolumnien ie wjedzie robi sie podobnie
     
  8. TheL

    TheL @Lider VIP Beta-tester

    Messages:
    2,403
    Likes Received:
    535
    ok więc sprawa dość jasna, należy przypisać ten styl wyłącznie do id danych pozycji menu, wtedy nie będzie to dotyczyło niczego więcej, np przypisujemy do menu z id headlink10
     
  9. yankes

    yankes Artysta

    Messages:
    279
    Likes Received:
    15
    no tak ale teraz wlasnie mi sie wyswietla kolumna a chcialbym zeby byly podsweietlone cale menu z kategoriami + innermenu bez wzgledu gdzie jest myszka
    albo nie rozumiem o co ci chodzi :D
     
  10. flex

    flex Użytkownik

    Messages:
    55
    Likes Received:
    62
    Biorąc pod uwagę, że masz menu w formie kurtyny to polecam zawęzić maskę do pierwszego zagłębienia przez dodanie klasy .level1 czyli:

    Code:
    .menu .innermenu .parent:hover > div > ul.level1{
      box-shadow: 0 0 0 2000px rgba(0,0,0,0.5);
    }
    
    
     
    Mariusz likes this.
  11. yankes

    yankes Artysta

    Messages:
    279
    Likes Received:
    15
    no i pieknie
    a jeszcze glowna kategoria z innermenu zeby sie nie sciemniala? :D
    czyli ze zdjecia spawalnictwo i pneumatyka
     

Share This Page