How to apply transform: scale() to the element with keyframe animation?

To the element with an infinite animation of "levitating" on keyframe'Oh style'om adds a property tranform: scale([changes dynamically with js]), but the object still remains at 100% scale.
If you remove the animation, the transformation is applied.
So in all browsers. How to do all this to "yours and ours"?

Animation code applied @extend'om:

.animation-floating
 animation-name: floating
 animation-duration: 2.5 s
 animation-iteration-count: infinite

@keyframes floating
50%
 transform: translateY(8%)

Code element with the animation:

<span class="click-zone no-active daemon scalable" style="transform: scale(0.854808);"></span>