Add animation

Thanks Yigit! This will be a great help for some things, but I don’t know how I can achieve this layout using columns – which is why I ended up writing my own. If I add my custom block inside a 1/1 column, then the whole lot pops in, rather than the individual icons.

I’ve noticed that if I add the animation css in to my custom icon classes, they do ‘pop’ – but I can’t figure out how to make them go from the ‘pre’ state (commented out in this code) to the ‘animating’ ;)

-webkit-animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
    animation: avia_appear 1s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);

    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);

/* before animation 
    opacity: 0.2;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
*/