DevTech Tools SVG Splash

by Cody Bennett

HTML

<div></div>

CSS

html, body {
  height: 100vh;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100vw;
}

div {
  animation: init 2s forwards ease;
  background-image: url('https://i.postimg.cc/ZqnczgcN/bg.png');
  background-size: cover;
  height: 100%;
  width: 100%;
}

@keyframes init {
  from {
    transform: translateX(110%) translateY(100%) scale(6) rotate(45deg) translateZ(0px);
  }
  to {
    transform: translateX(0%) translateY(0%) scale(1.1) rotate(0deg) translateZ(0px);
  }
}