Skip to content

Instantly share code, notes, and snippets.

@ljanecek
Created August 29, 2017 20:51
Show Gist options
  • Select an option

  • Save ljanecek/1ccf5fbdbd8057d6f32a859cee6fafc0 to your computer and use it in GitHub Desktop.

Select an option

Save ljanecek/1ccf5fbdbd8057d6f32a859cee6fafc0 to your computer and use it in GitHub Desktop.
#ctverec{
width: 200px;
height: 200px;
background-color: pink;
position: absolute;
top: 100px;
left: 100px;
border-radius: 100%;
animation-name: ctverec;
animation-duration: 5s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
animation-direction: reverse;
transition: all 0.2s linear;
}
#ctverec:hover{
transform: scale(2);
}
@keyframes ctverec{
0%{margin-left: 0;}
50%{margin-left: 200px;background-color: blue;}
100%{margin-left: 0;}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment