Logowanie

jak zrobić taki box-shadow

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ź

odpowiedź 14 grudnia 2017 przez pablop76 VIP (123,640 p.)

proszę bardzo

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