A Pen by Emma

Thumbnail
This awesome code was written by ebakernz, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright ebakernz ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  Emma</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <h1><a style="background-image: url('http://littlegarden.ocelot.plasticstudio.co/site/images/little-garden-logo.png')"></a></h1>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/ebakernz/a-pen-by-emma-ZJOoeQ */
h1 {
  border: 1px solid red;
}

a {
  background-repeat: no-repeat;
  display: block;
  width: 600px; 
	height: 459px;
  transition: 300ms all;
  animation: sun-up 3s;
  position: absolute;
}

@keyframes sun-up {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}

Comments