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... - วิทยาศาสตร์และเทคโนโลยี
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
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.
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.
Mt bomm.. Tirou minha duvida q nem eu sabia q tinha
Hahahaha. Boa. Valeu edson
Estou enrolado em alguns cursos, assim que puder vou fazer seu curso
Opa. Espero que goste 🙂
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.
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