O TC acaba de liberar a
de:
R$ 1.497
por:
R$
o
,00
Aproveite a oportunidade de buscar o sucesso no day trade com o curso que ensinou mais de 2 mil alunos a operar no mercado com grandes chances de lucro!
Aproveite a oportunidade de buscar o sucesso no day trade com o curso que ensinou mais de 2 mil alunos a operar no mercado com grandes chances de lucro!
Aproveite a oportunidade de buscar o sucesso no day trade com o curso que ensinou mais de 2 mil alunos a operar no mercado com grandes chances de lucro!
Aqui se trata de uma estrutura de accordion montado com dropdown. Este elemento foi utilizado porque permite que o accordion feche automaticamente, quando o usuário clica em outra parte da tela, sendo desnecessário um segundo clique neste.
O tipo de interaction aqui é um "Element trigger" e a animação é um "Dropdown opens". O nome deste é dessa animação é "OPEN-faq__dropdown". É importante atentar-se ao fato de esta ter também animação de fechamento, cujo nome é quase o mesmo, porém tendo , no lugar de "OPEN", a palavra "CLOSE".
Para qualquer alteração neste elemento, é recomendável inserir uma combo-class nos elementos. E, quando for utilizar o elemento, é recomendado pegar o grupo inteiro marcado pelo elemento "wrap-dropdown".
Pare editar o texto que fica oculto no accordion, insira a combo-class "open" no elemento "display-list__dropdown-faq" para abrir o mesmo.
Preencha os dados para acessar
já tem conta? Faça seu login
Close ModalO elemento em questão se trava de um side popup, que vem da direita para a esquerda, a partir de 5% da página no scroll e, no final (100% da página), volta para a direita, assim saindo do viewport do usuário.
A animação desse elemento é Page Trigger, sendo a animação do tipo "While page is scrolling". Essa animação está em todos os dispositivos (do desk ao portrait-cellphone).
Sua ativação se dá pela classe "card-floater" e combo-class "active". Por isso, é imprescindível que estas classes estejam atreladas a esse elemento.
Para a utilização deste, deve retirar a combo-class "preview-mode", tando do "card-floater", quanto do "wrap-floater", pois esta classe é apenas para disposição deste elemento nesta biblioteca.
