Create a gist now

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Exemplo de bg com gradiente
html { min-height: 100%; }
body {
width: 600px;
margin: auto;
background: #1e1e1e;
background-image: url('textura.png');
background-image: url('textura.png'), -webkit-gradient(linear, left top, left bottom, from(rgba(100, 100, 100, 0.2)), to(rgba(0, 0, 0, 0.5))); /* Saf4+, Chrome */
background-image: -webkit-linear-gradient(top, rgba(100, 100, 100, 0.2), rgba(0, 0, 0, 0.5)), url('textura.png'); /* Chrome 10+, Saf5.1+ */
background-image: -moz-linear-gradient(top, rgba(100, 100, 100, 0.2), rgba(0, 0, 0, 0.5)), url('textura.png'); /* FF3.6+ */
background-image: -ms-linear-gradient(top, rgba(100, 100, 100, 0.2), rgba(0, 0, 0, 0.5)), url('textura.png'); /* IE10 */
background-image: -o-linear-gradient(top, rgba(100, 100, 100, 0.2), rgba(0, 0, 0, 0.5)), url('textura.png'); /* Opera 11.10+ */
background-image: linear-gradient(top, rgba(100, 100, 100, 0.2), rgba(0, 0, 0, 0.5)), url('textura.png'); /* W3C */
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment