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

CSS - jak wywołać taki efekt?

VPS Starter Arubacloud
+1 głos
472 wizyt
pytanie zadane 1 grudnia 2017 w HTML i CSS przez Q7V Gaduła (4,250 p.)
Cześć, chciałbym osiągnąć taki efekt jak na stronie mozilli - https://mozilladevelopers.github.io/playground/css-grid/?utm_source=desktop-snippet&utm_campaign=CSSgrid&utm_medium=snippet&utm_term=7443&utm_content=night&sample_rate=0.001&snippet_name=7443 mam na myśli taką falę pomiędzy nagłówkiem a sekcją na treść strony, za pomocą SVG potrafie jedynie stworzyć pojedyńczy łuk.

1 odpowiedź

+1 głos
odpowiedź 1 grudnia 2017 przez hoktaur Pasjonat (22,250 p.)
wybrane 2 grudnia 2017 przez Q7V
 
Najlepsza
Za całość odpowida ten fragment kodu: pobaw się:

<svg width="100%" height="47px" viewBox="0 0 1440 47" version="1.1" xmlns="http://www.w3.org/2000/svg" class="hero__div" preserveAspectRatio="none" data-reactid="21"><defs data-reactid="22"></defs>
	<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" data-reactid="23"><path id="Path-9" data-reactid="24" d="M0,0.0577405639 C117.504588,18.44359 269.602477,22.1720696 456.293666,11.2431795 C562.076057,5.05068514 	730.784198,0.911127653 885.297232,3.27366179 C1157.17617,7.43074321 1386.98062,21.3276838 1440,38.3891927 L1440,46.9388979 L0,46.9388979 L0,0.0577405639 Z" fill="#aaaaaa"></path>
	</g>
</svg>

 

Podobne pytania

0 głosów
2 odpowiedzi 306 wizyt
pytanie zadane 26 sierpnia 2022 w HTML i CSS przez EdeX Mądrala (5,110 p.)
0 głosów
1 odpowiedź 255 wizyt
pytanie zadane 15 grudnia 2018 w HTML i CSS przez Q7V Gaduła (4,250 p.)
0 głosów
1 odpowiedź 594 wizyt
pytanie zadane 4 grudnia 2018 w HTML i CSS przez Hardwell Dyskutant (8,960 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 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

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 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!

...