Animações CSS num piscar de olhos

CSSWand é uma ferramenta CSS em código aberto e disponível no Github, que permite copiar e aplicar efeitos CSS muito rapidamente numa página web, com a possibilidade de os customizar muito facilmente.

Oliver Gomes está a desenvolver este projecto utilizando as tecnologias React, Ant design, Emotion e Firebase confome anunciou aqui.

Exemplo de efeito para um botão:

button {
  color: #d0021b;
  background-color: #ac6870;
  border: 1px solid #d0021b;
  border-radius: 4px;
  padding: 0 15px;
  cursor: pointer;
  height: 32px;
  font-size: 14px;
  transition: all 0.2s ease-in-out;
}
button:hover {
  transform: scale(1.1);
}

<button>Grow</button>

Simples e rápido. Super!


fonte: Product Hunt

Licença CC BY-SA 4.0 Silvia Pinhão Lopes, 7.7.19