Powykrzywiane tło

Question

Cześć,

Chciałbym uzyskać efekt taki jak na stronie https://www.lessonly.com/

Chodzi mi dokładnie o tło z zaokrągleniami itp.. W jaki sposób uzyskać taki efekt? Ktoś podpowie?

Z góry dzięki :)

Answer 1

To z reguły figury utworzone za pomocą SVG, a następnie umieszczone jako tło strony. Nie taki trudny temat :)

Answer 2

Tutaj masz zdjęcie tła:

https://1c126ibo0f-flywheel.netdna-ssl.com/wp-content/themes/monarch-theme/img/yellow-bg.svg

Jak wspomniał kolega to obrazek w formacie svg.

Możesz stworzyć podobny choćby w darmowym, ale w pełni profesjonalnym programie: inkscape.

Jeżeli chodzi o powykrzywiane tła, widziałem ciekawy efekt na tej stronie:

https://www.storefrontui.io/

Tutaj zwykłe elementy w html mają nadane tło - gradient zielonych kolorów.

Border radius w css zaokrągla rogi.

A transform matrix3d w css zmienia ich perspektywę osiągając ciekawe efekty w prosty sposób.