Как сделать css-анимацию по скрытию элемента?
Вы хотите сделать плавное появление и скрытие? Если да, то зачем keyframes? Можно же для элемента сделать доп.класс который отвечает за его скрытие или показ. И удалять его или добавлять.
jsfiddle.net/YxsTV
jsfiddle.net/Zvyxd/5
Я очень костыльно написал на скорую руку, но логику вы по идее должны понять, почему анимация будет работать.