Utilizando a propriedade transform é possível manipular visualmente um elemento (dimensionar, mover, rotacionar, etc), e abaixo veremos exemplos de como utilizar cada função. Utilizaremos o mesmo código html para todos os exemplos: <div class=”original”> <div class=”spin”> <div class=”box”>Texto</div> </div> </div> Rotate Como o nome ja sugere, é utilizada para rotacionar o elemento, de 0 a […]
Criar animações em um site vai muito além de apenas deixá-lo mais “bonitinho”; é um ganho no quesito usabilidade. Anima ações do usuário como o hover e o focus, e tornar transições mais suaves (como em um carrossel, por exemplo), já melhoram muito a usabilidade, e nesse post veremos como criar animações. @keyframes Uma animação […]
O Selenium usa o que chamamos de “locators” para encontrar os elementos da página, que ele irá interagir através dos comandos. Identificar o elemento, é um passo essencial para a criação do script de automação de testes. Locator é o caminho para o elemento da página, como o Selenium irá localizá-lo dentre todos os elementos […]
Acredito que a maioria das pessoas não gostam de matemática, apesar de que, na área de desenvolvimento, ela acaba sendo utilizada em quase tudo que se é feito. Como front-end developer, utilizo muita matemática com javascript, e quando precisava realizar cálculos no css, acabava usando também javascript, até que eu conheci a função Calc do […]