CSS position relative ou transform translate()? Qual a diferença?

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ก.ย. 2023
  • #CSS #frontend #webdesign #webdev
    Seja membro deste canal e ganhe BENEFÍCIOS EXCLUSIVOS:
    / @serliv
    Dica de CSS: Nesse vídeo eu mostro qual a diferença entre usar position: relative ou usar transform: translate() nas suas folhas de estilo.
    🌟 Links comentados no vídeo e outros interessantes 🌟
    📺 Playlist VÍDEOS EM DESTAQUE.
    • VÍDEOS EM DESTAQUE
    📺 Siga a playlist CURSO WEB FUNDAMENTOS HTML +: CSS
    • CURSO Web Fundamentos:...
    📺 Playlist Análise de Portfolio / Projeto de iniciante
    • Análise de Portfolio /...
    🎁 [ATUALIZADO] CURSO WEB DESIGN FRONTEND COMPLETO HTML + CSS + Javascript
    serfrontend.com/cursos/web-fu...
    ✅ Crie interfaces melhores com VARIÁVEIS do CSS (a.k.a custom properties)
    • Crie interfaces melhor...
    ✅ CSS Position ou Flexbox? Qual é melhor?
    • CSS Position ou Flexbo...
    ✅ ANÁLISE DE PROJETO: Por que o design UI/UX é essencial para o sucesso do seu projeto digital
    • ANÁLISE DE PROJETO: Po...
    ✅ Analisando Portfolio de Iniciante em FRONT END - parte 06
    • Analisando Portfolio d...
    ✅ 4 Sites para praticar HTML e CSS
    • 4 Sites para praticar ...
    ✅ Analisando DESIGN de portfolio de iniciante
    • Analisando DESIGN de p...
    ✅ [CSS] Unidades de medida em vs rem.
    • [CSS] Unidades de medi...
    ✅ O que estudar para conseguir o primeiro emprego como dev front-end
    • O que estudar para con...
    ✅ Minha experiência como programador front-end
    • Minha experiência como...
    ✅ TUTORIAL CSS GRID. Como criar páginas web mais FÁCIL
    • TUTORIAL CSS GRID. Com...
    ✅ Crie interfaces melhores com VARIÁVEIS do CSS (a.k.a custom properties)
    • Crie interfaces melhor...
    ✅ FAÇA o seu PORTFOLIO se DESTACAR frente aos demais
    • 🤩 FAÇA o seu PORTFOLIO...
    ✅ [CSS] Misturar cores SEM SOFRER com color-mix()
    • [CSS] Misturar cores S...
    ✅ 2 PORTIFÓLIOS (FRONT-END) INCRÍVEIS analisados juntos. Só vem.
    • 2 PORTIFÓLIOS (FRONT-E...
    ✅ Como criar PÁGINAS WEB com HTML e CSS a partir de design do FIGMA
    • Como criar PÁGINAS WEB...
  • วิทยาศาสตร์และเทคโนโลยี

ความคิดเห็น • 9

  • @serliv
    @serliv  11 หลายเดือนก่อน

    Vem aprender HTML, CSS e Javascript comigo. SEM MENSALIDADE. Tem 30 dias para pedir o dinheiro de volta caso não fiquei totalmente satisfeito
    Curso Web Design Fundamentos. Aprenda HTML CSS e Javascript:
    serfrontend.com/cursos/web-fundamentos-html-css/index.html
    Curso Javascript Completo:
    serfrontend.com/cursos/javascript-completo/index.html
    Outros links que podem ser interessantes:
    Blog: serfrontend.com/blog/
    Meus cursos: serfrontend.com/cursos/
    Canais em redes sociais:
    Twitter: twitter.com/serlivcursos
    Linkedin: www.linkedin.com/in/serliv
    Instagram: instagram.com/serlivcursos
    Facebook: facebook.com/serlivcursos
    Instrutor: Daniel Tapias Morales
    Twitter: twitter.com/tapmorales
    Linkedin: www.linkedin.com/in/daniel-tapias-morales-87145621/
    Medium: medium.com/@tapmorales
    Github: github.com/tapmorales

  • @Explorador170
    @Explorador170 11 หลายเดือนก่อน

    Show de bola, fiz uns testes aqui e eu não sabia que lidando com %, o position relative era em relação ao elemento pai.

  • @arozendojr
    @arozendojr 11 หลายเดือนก่อน

    Sugestão de vídeo para seu curso, teste unitário, tipo um vídeo bônus inicial, meio que para quem quiser iniciar já fazendo teste unitário já possa fazer o teste e acompanhar a primeira aula, assim que terminar a primeira aula, mostrar como configurar um teste unitário com os artefatos da primeira aula, vai fazendo com o tempo, a primeira aula seria legal. Motivação: Estou no meio do curso e agora eles mostram como fazer o teste unitário. 🤔 Na hora veio na minha cabeça, como fazer teste unitário para os conteúdos passados 🤔, mesmo que seja .html,.css,.js como testar UI, DOM etc, em fim fica a sugestão.

  • @edsonhh
    @edsonhh 11 หลายเดือนก่อน +1

    Mt bomm.. Tirou minha duvida q nem eu sabia q tinha

    • @serliv
      @serliv  11 หลายเดือนก่อน

      Hahahaha. Boa. Valeu edson

  • @arozendojr
    @arozendojr 11 หลายเดือนก่อน

    Estou enrolado em alguns cursos, assim que puder vou fazer seu curso

    • @serliv
      @serliv  11 หลายเดือนก่อน

      Opa. Espero que goste 🙂

  • @ramonmachadosilva
    @ramonmachadosilva 11 หลายเดือนก่อน

    vim correndo pra ver a explicação, sempre tive essa dúvida e ninguém nunca conseguiu me dar uma explicação, ficou bastante claro.

    • @serliv
      @serliv  11 หลายเดือนก่อน

      Show. Há outras características importantes no translate, especialmente com relação a modificar os eixos do elemento. Eu expliquei isso na playlist aqui no TH-cam do meu curso de HTML e CSS