Тёмный

Imagem preencher a tela inteira com CSS 

SatellaSoft
Подписаться 13 тыс.
Просмотров 15 тыс.
50% 1

A partir do CSS três, a gente tem a nossa disposição, o valor "cover", para o atributo background-size, que se responsabiliza em fazer com que uma imagem preencha todo o bloco de um elemento.
Pois bem, nesse vídeo, você aprende a colocar uma imagem de fundo do site sem repetição, além de ajustar uma div usando o Viewport Width e Viewport Height, paras incluir uma imagem completa de fundo.
Não deixe de conferir nosso artigo, ele contém o código utilizado na aula e explicações adicionais.
Artigo oficial: satellasoft.com/artigo/css/im...
Academy SatellaSoft: /academy.satellasoft.com

Наука

Опубликовано:

 

4 ноя 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 15   
@jhowqt4691
@jhowqt4691 5 месяцев назад
Estava com essa dúvida, casei em vários vídeos, só o seu foi direto ao ponto e simples com uma explicação fácil de entender e com demonstrações.
@zakkwildner
@zakkwildner 3 года назад
Muito Bom cara! valeu mesmo! Incrível de como um css bem utilizado consegue grandes feitos! LIKEZÃO pravocê!
@SatellaSoft
@SatellaSoft 3 года назад
Likezão nesse feedback.
@M1DN1GH7Bruux
@M1DN1GH7Bruux 10 месяцев назад
Nossa muito fácil e prático, tava me matando e esse vídeo salvou muito! Valeu!
@priscilazito874
@priscilazito874 2 года назад
Nossa, meu agradecimento viu, estava tentando fazer da certo a posição de uma imagem, pq estou clonando o fundo do netflix e não estava conseguindo posicionar a imagem certinho, seu tutorial ajudou. Gratidão
@teodosiosantos1134
@teodosiosantos1134 2 года назад
Valeu! prof mostro d+
@ricardovees
@ricardovees Год назад
obrigado mano!! rápido e prático!🤌
@Bobmuller722
@Bobmuller722 Год назад
muito bom cara, me ajudou muito
@luizleao243
@luizleao243 Год назад
Blz mano! Valeu! 😀
@anasilveira3170
@anasilveira3170 3 года назад
Muito bom o vídeo! Caso eu queira colocar mais uma imagem de background, pra a medida que eu descer a rolagem da tela o background ser outra imagem, como deveria ser feito?
@SatellaSoft
@SatellaSoft 3 года назад
Oi, ana! Que bom que gostou. Da uma olhadinha em Paralax, mas você pode ter duas divs, por exemplo, com o width e height 100% da Viewport e atribuito background a elas.
@dhiovannagabryellyalvesara7738
@dhiovannagabryellyalvesara7738 2 года назад
aonde que acha essas imagem poderia por o link!
@HumoRado222
@HumoRado222 Год назад
Funciona, mas se eu diminuir a tela a imagem não cobre mais todo o bady, a menos que eu tire o "no-repeate", porém ela vai repetir para cobrir.
@kraisenkkjk
@kraisenkkjk Год назад
cara, isso funciona pra video? pq simplismente o video n fica do tamanho certo
@josediasgs
@josediasgs 5 месяцев назад
funciona?
Далее
Criando menu horizontal Dropdown com HTML e CSS
15:04
CSS Grid Layout e Flexbox - Quando Utilizar
39:09
Просмотров 637 тыс.
Creepy Teacher Kidnapped My Girlfriend?!
00:42
Просмотров 10 млн
Responsive Navbar Tutorial In React JS
22:11
Просмотров 180 тыс.
FORMULÁRIOS COM HTML e CSS!
28:57
Просмотров 754 тыс.
Como Colocar Imagem de Fundo no HTML (Background CSS)
12:34
Colocando VÍDEO NO BACKGROUND com HTML & CSS
12:52
Просмотров 5 тыс.
Login Form in HTML & CSS
11:07
Просмотров 1,2 млн
Bootstrap Grid System Tutorial | Bootstrap 5
11:50
Просмотров 180 тыс.
Como Centralizar uma DIV ou Qualquer coisa no CSS
15:41