Item: A Pen by Emma
Rating: 3.4
Author: ebakernz

0 Downloads
19 Views
Tweet
Download Now View Demo

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

More from ebakernz

A Pen by Emma

Comments

More from ebakernz

A Pen by Emma

A Pen by Emma

Shapes logo

Dots hover

You Might Also Like

AngularJS Form Boilerplate

A Pen by Ryan P. C. McQuen

Flubby navigation 2

Reverse List

Simulate SVG paths are drawn using CSS animation

A Pen by Irakli Tsaishvili

30 Days of Vue - Day 5 -Watching for changes

Color wave