CSS: как сделать, чтобы элемент «дышал»?

Question

[Margo1964]

Здравствуйте.
Интересует, как сделать зацикленную анимацию на CSS, которая зацикливала бы этот код на hover и получалось что-то типа дыхания (плавное увеличение-уменьшение):

.elem {
    transition: transform 4s ease;
}
.elem:hover {
    transform: scale(2)
}

Answer 1

[iBird Rose]

https://jsfiddle.net/d3py4fdb/

Answer 2

[Владислав Лысков]

примерно так https://codepen.io/anon/pen/jBRpmb