Floating Cat

cat.component.ts

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-cat',
  template: `
    <div>
      <a href="http://aws.amazon.com/amplify" target="_blank" alt="AWS Amplify" title="Miau"><img class="cat btn" src="data:image/png;base64,iVBORw..."/></a>
    </div>
  `,
  styles: [`
    .cat {
      width: 30%;
      top: 7vh;
      position: absolute;
      animation: hover 2s infinite alternate;
    }

    @keyframes hover {
      to {
        transform: translateY(10px);
      }
    }
  `]
})
export class CatComponent { }