<script>
export default {
}
</script>

<template>
<div>
  <div class="stylus-keyframes" :style="{ animation: 'scale-anim 3s infinite linear' }">
    {{'@keyframes scale-anim {\n'
    + '  from {\n'
    + '    transform scale3d(1.0, 1.0, 1)\n'
    + '  }\n'
    + '  to {\n'
    + '    transform scale3d(0.8, 0.8, 1)\n'
    + '  }\n'
    + '}'}}
  </div>
</div>
</template>

<style scoped lang="stylus">
@keyframes scale-anim {
  from {
    transform: scale3d(1.0, 1.0, 1);
  }
  to {
    transform: scale3d(0.8, 0.8, 1);
  }
}

.stylus-keyframes {
  color: #126085;
  font-size: 14;

  left: 10;
  top: 0;
  width: 230;
  height: 140;
}
</style>