I hereby claim:
- I am bedrich on github.
- I am bedrich (https://keybase.io/bedrich) on keybase.
- I have a public key ASC9RiegLZGmmkMVokl-Mst4HmYfut1jULUB1pfDr0KZhAo
To claim this, I am signing this object:
I hereby claim:
To claim this, I am signing this object:
/** | |
* Move in a circle without wrapper elements | |
* Idea by Aryeh Gregor, simplified by Lea Verou | |
*/ | |
@keyframes rot { | |
from { | |
transform: rotate(0deg) | |
translate(-100px) | |
rotate(0deg); |
I hereby claim:
To claim this, I am signing this object:
/** | |
* Move in a circle without wrapper elements | |
* Idea by Aryeh Gregor, simplified by Lea Verou | |
*/ | |
@keyframes rot { | |
from { | |
transform: rotate(0deg) | |
translate(-150px) | |
rotate(0deg) |
/** | |
* Move in a circle without wrapper elements | |
* Idea by Aryeh Gregor, simplified by Lea Verou | |
*/ | |
@keyframes rot { | |
from { | |
transform: rotate(0deg) | |
rotate(0deg); | |
} |
/* Arc movement */ | |
.wrapper { | |
background: red; | |
width: 500px; | |
margin: 300px 0 0; | |
transition: all 1s; | |
transform-origin: 50% 50%; | |
} | |
.inner { |
/** | |
* The first commented line is your dabblet’s title | |
*/ | |
background: #f06; | |
background: linear-gradient(45deg, #f06, yellow); | |
min-height: 100%; |
div { | |
background: url('https://gimmebar-assets.s3.amazonaws.com/4f5a2f0befff7.gif') no-repeat center 0 black; | |
background-size: contain; | |
position:fixed; | |
width: 100%; | |
height: 100%; | |
} |
div { | |
background: url('https://gimmebar-assets.s3.amazonaws.com/4f34ee8f62a18.gif') no-repeat center 0 black; | |
background-size: contain; | |
position:fixed; | |
width: 100%; | |
height: 100%; | |
} |
div { | |
background: url('https://gimmebar-assets.s3.amazonaws.com/4f34ee8f62a18.gif') no-repeat center 0 black; | |
background-size: contain; | |
position:fixed; | |
width: 100%; | |
height: 100%; | |
} |