background svg

i would like to know how i can do this backgroud for my project
No description
22 Replies
Jochem
Jochem•12mo ago
do you mean the gradient, or the grid lines?
Jochem
Jochem•12mo ago
The grid is an image, a transparent webp with the gridlines embedded: https://www.en-zo.dev/_next/image?url=%2F_next%2Fstatic%2Fmedia%2FLines.6bd7e038.webp&w=1920&q=75
Jochem
Jochem•12mo ago
they're hard to see, but you can open that image in an image editor and zoom in actually, clicking the image to open a zoom works pretty good, you can see the gridlines clearly against the darker background
Jochem
Jochem•12mo ago
the blurry gradient is a combination of a linear gradient:
No description
Jochem
Jochem•12mo ago
and a blur:
No description
Jochem
Jochem•12mo ago
so there's no svgs in there
DoContra
DoContra•12mo ago
how do you find the img in my browser i cant inspect the page
Jochem
Jochem•12mo ago
you just open devtools, and click around really F12 always works, even if they try to block right clicks
DoContra
DoContra•12mo ago
my f12 doesn t work
Jochem
Jochem•12mo ago
huh, he tried to block that you can go to the three-dot menu in chrome, then click more tools, dev tools I hadn't even noticed, I usually use firefox with noscript, so right click and F12 both work just fine it's a really shitty practice to try to hide how you accomplish things
DoContra
DoContra•12mo ago
im using firefox and doesn t work
Jochem
Jochem•12mo ago
it's even easier on firefox. Shift+rightclick, then click inspect
DoContra
DoContra•12mo ago
yheee gg
Jochem
Jochem•12mo ago
honestly, if I were looking at his site to see if I wanted to hire him, and I noticed he'd made it harder to open dev tools, his resume would go straight in the shredder
DoContra
DoContra•12mo ago
No description
DoContra
DoContra•12mo ago
thanks
Jochem
Jochem•12mo ago
no worries 🙂
DoContra
DoContra•12mo ago
HAHAHAHAH
Jochem
Jochem•12mo ago
the entire industry gets better if we share our knowledge, and honestly his site isn't anything special blurry gradient with grid overlay is overdone
DoContra
DoContra•12mo ago
I am looking for portfolios to inspire myself and create my own in html and css vanilla
Jochem
Jochem•12mo ago
just cause I'm not a fan, shouldn't stop you from using this as an inspiration 🙂 Just keep in mind I see someone ask about some version of this design on here probably once a month
vince
vince•12mo ago
yea I was about to comment, like why can't I open dev tools? That goes against everything web devs do
Want results from more Discord servers?
Add your server