Skip to content

Instantly share code, notes, and snippets.

@captainbrosset

captainbrosset/index.html

Created September 16, 2014 13:35
Show Gist options
  • Save captainbrosset/25ea56278528aea966f8 to your computer and use it in GitHub Desktop.
Save captainbrosset/25ea56278528aea966f8 to your computer and use it in GitHub Desktop.
Download ZIP
css animation demo
Raw
index.html
<!DOCTYPE html>
<style>
.shape {
position: absolute;
top: 3em;
left: 3em;
width: 200px;
height: 200px;
background: yellow;
animation: 1s linear infinite alternate move-shape;
}
@keyframes move-shape {
0% {
background: yellow;
}
100% {
background: black;
transform: scale(.5) translateX(15em) rotate(90deg);
transform-origin: center;
}
}
</style>
<div class="shape"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment