Curso de CSS3 #38 - Transition - parte 1

[@maninisiemel]

Que explicação técnica foi essa.

[@maninisiemel]

Valeu pelo vídeo!

[@AndreCampos_A]

Muito obrigado, me ajudou muito a revisar o conteúdo.

[@cfbcursos]

É sempre um prazer ajudar André...

[@humbertosilvabarros3827]

Valeu professor!

[@cfbcursos]

Valeu brother

[@bennyold9983]

O melhor dos melhores. #fessorbruno

[@cfbcursos]

Valeu meu caro, muito obrigado

[@Litooia]

Essa transition só funciona aumentando pra baixo? se colocar o objeto no meio e aumentar pra cima funciona? tipo aqueles menus das "SmarthTV"

[@lucasoad399]

Fessor bruno. Como o css tem uma limitação pra fazer transição para a troca de display eu criei duas classes de css. Uma que torna a opacidade 0 e outra que torna o display : none !important. Então, por javascript, faço o elemento ficar transparente e depois mudar o display. O mesmo para o elemento voltar a aparecer. Dá uma olhada no código que ficou muito legal e conciso, dando pra controlar de boa até o tempo de transição: efeitosBacanas.css: .d-some{ opacity: 0; } .d-none{ display: none !important; } efeitosBacanas.js class EfeitosBacanas{ static someElemento(elemento, tempo=1){ elemento.style.transition = "ease-in " + tempo + "s"; elemento.classList.add('d-some'); setTimeout(()=>{ elemento.classList.add('d-none'); },tempo *1000) } static apareceElemento(elemento, tempo =1){ elemento.style.transition = "ease-in " + tempo + "s"; elemento.classList.remove('d-none'); setTimeout(()=>{ elemento.classList.remove('d-some'); },tempo *1000) } } obs: vi um comentário meu de 11 meses atrás dizendo que não havia entendido. Nada como a constância nos estudos!

[@periclesterto9454]

Parabéns pelo curso amigo, só gostaria de fazer um pequeno comentário sobre a forma que você explicou a evolução da animação em velocidade constante ao longo do tempo, se a velocidade é constante a linha vermelha deveria ser horizontal, na verdade o que você quis dizer é que a variação* de velocidade é constante ;D. O seu curso é muito bom, parabéns.

[@Mateus.007]

Sim, não é velocidade, é o trajeto/distancia . Também não é variação, porque a velocidade do linear é de fato constante.

[@yals-eyss]

"chega no final vup da uma acelerada" kkkkkkkkk

[@VictorFerreiraGuitar]

kkkkk

[@amanyumih]

Teria como descobrir as coordenadas do cubic-bezier sem utilizar a tabela?

[@945yra]

Like!

[@cfbcursos]

Valeu

[@drikyt2961]

moçada pega mal.. bagui é RAPAZIADA!