Esta ferramenta disponibiliza Animações com Keyframes Css3, basta selecionar o nome da animação, clicar em executar, copiar o código exibido, colar o código em sua folha de estilos e atribuir a classe da animação no elemento que quiser "atacar".
O Keyframe nos permite ter total controle sobre uma animação de um elemento, trabalhando juntamente com o Animation do CSS3.
Uma Animação com Keyframe descreve como um elemento vai se comportar, deve ser setado em uma determinada fase da animação deste elemento, de 0% à 100%. Independentemente do tempo setado à animação.
Cada fase de uma animação com Keyframe contém uma ou mais propriedades CSS, que vão sendo aplicadas conforme a "linha do tempo" da animação, a linha do tempo se encarrega de mudar de uma propriedade css para outra.