Imagens responsivas com este truque estranho
Eu tropecei neste método recentemente após algumas tentativas e erros ao criar um site que tem um layout responsivo de largura total. Eu queria várias imagens no site para: ocupar …
Continuar lendoEtiqueta: background-image
Blurry Sweetness – Uma combinação de gradiente linear
Esta é apenas uma combinação rápida de 3 linear-gradientspara criar um desfoque background-image. SCSS html,body { width: 100%; height: 100%;}body { @include background-image( linear-gradient(125deg, rgba(206, 190, 41, .3) 0%, rgba(155, …
Continuar lendoImagem de fundo de página inteira perfeita
Imagem de fundo de página inteira perfeita /* http://css-tricks.com/perfect-full-page-background-image/ */ html { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
Continuar lendoaumento de desempenho em imagem de fundo fixa
Às vezes você precisa de uma imagem de fundo fixa que, na maioria dos casos, cubra o fundo. A abordagem usual é definir os atributos CSS background-attachment: fixed;ebackground-size: cover; Para …
Continuar lendo