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

jak zrobić taki box-shadow

Object Storage Arubacloud
0 głosów
480 wizyt
pytanie zadane 14 grudnia 2017 w HTML i CSS przez madmi121 Użytkownik (760 p.)

Witam, chciałbym zrobić taki sam efekt jak na tym obrazu



bawiłem się roznymi generatorami box-shadow ale effekt nawet nie był bliski tego co tutaj na zdjęciu jest

prosił bym o jakieś wskazówki jak taki efekt uzyskać

 

1 odpowiedź

0 głosów
odpowiedź 14 grudnia 2017 przez pablop76 VIP (123,120 p.)
komentarz 14 grudnia 2017 przez madmi121 Użytkownik (760 p.)
widzialem to i nie ma takiego effektu ze na dole boxu 100% width jest cień na srodku i zajmuje jakies 50% tylko
komentarz 14 grudnia 2017 przez pablop76 VIP (123,120 p.)

Efekt nr 7 da się bez problemy przerobić.

.effect7:before, .effect7:after
{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top: 100px;
    bottom:0;
    left:25%; 
    right: 25%;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}

 

komentarz 14 grudnia 2017 przez pablop76 VIP (123,120 p.)
A właściwie efekt nr 6 ma już top : 50px; więc jeszcze lepiej się nadaje. Wystarczy zwiększyć left i right

Podobne pytania

0 głosów
2 odpowiedzi 841 wizyt
0 głosów
0 odpowiedzi 109 wizyt
pytanie zadane 30 sierpnia 2018 w HTML i CSS przez niezalogowany
0 głosów
1 odpowiedź 132 wizyt
pytanie zadane 14 marca 2020 w HTML i CSS przez Grzegorz Mikina Dyskutant (8,060 p.)

92,555 zapytań

141,404 odpowiedzi

319,557 komentarzy

61,940 pasjonatów

Motyw:

Akcja Pajacyk

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

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...