0
I got the following css:
@charset "utf-8";
/* CSS Document */
@import url('http://fonts.googleapis.com/css?family=Open+Sans');
* {
font-family: 'Open Sans';
font-size: 1em;
margin: 0;
padding: 0;
border: 0;
outline: none;
}
html {
width: 100%;
background-image: radial-gradient(rgb(172,204,193) 20%, rgb(40, 22, 111));
background-size: cover;
background-repeat: no-repeat;
box-sizing: content-box;
}
body{
height: 100%;
}
which gives me the following background effect:
The goal is to do with CSS background in degrade in screen all and not just in the area that has content.
How to do this?
The idea is to make a margin-bottom: 0 in that div black at the end but not possible because doe made gradient!
Note also that because of the degrade effect in the circle, it was necessary to limit the html to 100% and this prevents the last div from reaching the end of the browser.
Why not put the elements that are in front transparent?
– Wictor Chaves
It’s okay your css, I think we’re missing one
body, html { height: 100% }only.– Renan Gomes
Carlos if the answer indicated as Duplicate does not resolve tells me that I withdraw the vote.
– hugocsl
Hi. No! No, I added more details of the CSS to the question. Follow the link: http://wesleyanagceu.com.br/
– Carlos Rocha
Carlos vc only put 100% height on the body. It has to be 100% height on html tbm, it has to be 2 to work. It puts 100% in html that will work
– hugocsl
hi, just to contribute even, html ː height: 100vh; }. also worked. No need to add heigth to body no, thank you very much. If you want to post an answer I will accept it.
– Carlos Rocha
Um, but . final { margin-bottom: 20px; did NOT work. That is, I couldn’t get the last div at the bottom of the page
– Carlos Rocha