Como criar um Site Responsivo com HTML e CSS pt. 3 - Seção vantagens

Поділитися
Вставка
  • Опубліковано 24 лис 2024

КОМЕНТАРІ • 7

  • @vitaobrabo
    @vitaobrabo 5 місяців тому +8

    Boa rapaziada, como vcs estão? Espero que estejam aprendendo bastante com esse projeto. Só uma pequena dica: no minuto 07:00 não é necessário o uso de editor de imagem para fazer essa borda laranja na imagem. O próprio CSS nos possibilita isso, basta usar a propriedade "border-radius e "box-shadow" no CSS. Exemplo:
    HTML:
    CSS:
    .carro{
    width: 230px;
    border-radius: 15px;
    box-shadow: 6px 6px 0 #FF6F01;
    }
    border-radius vai arredondar as bordas.
    box-shadow vai criar um sombreamento nessa imagem. O primeiro e o segundo parâmetro define o sombreamento horizontal e vertical, o terceiro é a intensidade do efeito blur e o último define a cor.
    Vale ressaltar que tudo depende da dimensão da imagem. Para uma imagem com a largura de 230px, "6px" de sombra horizontal e vertical ficou bom.
    Esse projeto tá me ensinando muito, to gostando bastante das aulas.

    • @InteliogiaDev
      @InteliogiaDev  5 місяців тому

      Ótima dica, Vitão, vou até fixar seu comentário hehehe

    • @joaopedro7ferreira
      @joaopedro7ferreira 3 місяці тому +1

      muito obrigado, me ajudou demais!!

  • @vanilla6290
    @vanilla6290 4 місяці тому

    Comecei a pouco tempo com a programação, mas seus vídeos estão me ajudando muito!!! Parabéns pelo material de qualidade❤🎉 sempre deixando like!

  • @mauricioreguete466
    @mauricioreguete466 5 місяців тому

    Tu é show de bola...

  • @AlyssonKennedy
    @AlyssonKennedy 5 місяців тому +1

    aula incrivel

  • @domingoscaluloliro9494
    @domingoscaluloliro9494 2 місяці тому

    aula top
    mas não consigo baixar as mesmas imagens do projeto