Slider Colorado
Código CSS /* LATAS */ .lataSlider{ transform: translateY(220%); transition: all 0s; } .lataSlider.ativo{ position: static; transition: all .6s .3s ease-out; transform: translateY(0%); } .lataSlider.lataSubiu{ transition: all .6s ease-in; transform: translateY(-220%); } /* CONTAINER ESQUERDA */ .containerEsquerda{ transition: all .6s; opacity: 0; z-index: -1; } .containerEsquerda.ativo{ position: static; transform: translateX(0%); transition: all .6s; opacity: 1; } […]