Ovo sam uspješno napravio u meniju na web stranici međutim nikako ne uspijevam i u kontakt formi, Sve što mogu dobiti je ravna linija. Googlanje nije pomoglo kao ni chatGPT.
Meni je teoretski jasno o cemu ti pricas ali prakticno nemam pojma kako da to rijesim.
Da li bi se mogla umjesto CSS-a dodati nekakva slika ispod ovih polja, recimo .svg?
Edit: ako ne bude islo drukcije jednostavno cu ove linije dodati na pozadinsku sliku.
In this code, we’re creating a pseudo-element :before for the .contact-form class, which will be positioned at the bottom of the form. We’re then setting the background-image property to a wave lines image, which should be hosted on your website. You can replace the url value with the URL of your own image.
We’re also setting background-repeat to repeat-x to make the wave lines repeat horizontally across the width of the form. Finally, we’re using transform: scaleY(-1) to flip the wave lines vertically so that they appear to be flowing upwards.
sve u svemu izgleda najbolje dodaj sliku u pozadini
Po meni ovo nije moguce izvesti sa CSS-om. Kod koji meni treba mora doci ispod polja za unos texta a stvar je u tome da klasa za to ne postoji u originalnom kodu.
On je u sustini dodao sve linije, samo jednu preko druge, tj. na prvi element koji ima poziciju relative.
Ono sto mozes uraditi jeste da dodas u CSS-u poljima u formi (vidi imaju li neku klasu, ili ciljaj direktno inpute) position: relative; i trebalo bi ti se sve posložiti.