gradient navbar?
i want to know how this netflix navbar (if it even is a navbar lol idk) is implemented with this kind of blurly/gradient
14 Replies
like how does it get slightly darker to the top like that?
one way to do it is with a gradient on the top
just normal gradient with like a max height type of thing? how do i keep it clear?
you keep it clear by going from black to transparent
you should use a gradient generator
okay thank you, let me give it a go🤝
you're welcome
bro any idea why its looking like this with that gap on the top and sides? Also the gradient only seems to appear when i have text and is not really much like the first image i sent
this is the html:
this is the css"
it has 10 pixels to transition from transparent to black
that's literally the problem
i changed it to 150px so the gradient has more space, but that space between tho, is there like some default padding or something?
yes, the body has a padding of 8px, in some browsers, by default
how can i override it, i mean the netflix site did it right?🥲
you override it by setting the padding to 0
and i don't know
i dont use netflix
lol same, im just practicing cloning some websites to improve my skills
i know, i see a lot of people doing that same netflix thing