Latar belakang yang digambar dinamis dalam CSS

Saat ini saya mencoba menerapkan latar belakang yang digambar seperti yang ditunjukkan dalam konsep ini: draf situs web

Saat ini saya menggunakan kelas bootstraps container untuk memusatkan dan menyelaraskan konten saya. Bagaimana cara memposisikan beberapa SVG sehingga berada di antara breakpoint luar dan sisi viewport? (seperti yang ditunjukkan pada gambar)

Saya sudah menemukan solusi dengan gambar latar belakang yang lengket, seperti yang dijelaskan dalam postingan ini tapi itu saja bukan tujuan saya. Saya mencoba memaksimalkan kinerja dan menggunakan grafik vektor (atau bahkan kanvas)


css background bootstrap-4
person DeveloperTK    schedule 20.08.2020    source sumber
comment
seberapa jauh jarak yang harus ditempuh? suatu saat bg akan menjadi hitam seluruhnya. Bagikan kode Anda dengan apa yang telah Anda lakukan sejauh ini. dan memperjelas area apa yang seharusnya dicakup oleh bg itu. gradien linier tunggal akan melakukan pekerjaan itu. background: linear-gradient(75deg, #000 12.5%, #0000 12.6%, #0000 16%, #000 16.1%, #000 18%, #0000 18.1%,#0000 80%, #000 80.1%, #000 82%, #0000 82.1% , #0000 85%, #000 85.1%, #000 87%, #0000 87.1%, #0000 90%, #000 90.1%)}   -  person G-Cyrillus    schedule 21.08.2020
comment
Garis latar belakang harus tetap pada tampilan sehingga tidak melintasi konten   -  person DeveloperTK    schedule 21.08.2020