Skip to content

Instantly share code, notes, and snippets.

Keybase proof

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:

@bedrich
bedrich / dabblet.css
Last active August 7, 2020 16:47
Move in a circle without wrapper elements
/**
* 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);

Keybase proof

I hereby claim:

  • I am bedrich on github.
  • I am bedrich (https://keybase.io/bedrich) on keybase.
  • I have a public key whose fingerprint is 3CB6 66C0 D8B2 EABB 65BB F39E C57D 8332 02B9 6E21

To claim this, I am signing this object:

@bedrich
bedrich / dabblet.css
Created January 2, 2014 22:48 — forked from LeaVerou/dabblet.css
Move in a circle without wrapper elements
/**
* 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)
@bedrich
bedrich / dabblet.css
Created January 2, 2014 22:44 — forked from LeaVerou/dabblet.css
Move in a circle without wrapper elements
/**
* Move in a circle without wrapper elements
* Idea by Aryeh Gregor, simplified by Lea Verou
*/
@keyframes rot {
from {
transform: rotate(0deg)
rotate(0deg);
}
@bedrich
bedrich / dabblet.css
Created January 2, 2014 22:41 — forked from kizu/dabblet.css
Arc movement
/* Arc movement */
.wrapper {
background: red;
width: 500px;
margin: 300px 0 0;
transition: all 1s;
transform-origin: 50% 50%;
}
.inner {
@bedrich
bedrich / dabblet.css
Created January 18, 2013 15:05
The first commented line is your dabblet’s title
/**
* The first commented line is your dabblet’s title
*/
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
@bedrich
bedrich / dabblet.css
Created April 27, 2012 22:33
Untitled
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%;
}
@bedrich
bedrich / dabblet.css
Created April 27, 2012 22:30
Untitled
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%;
}
@bedrich
bedrich / dabblet.css
Created April 27, 2012 22:15
Untitled
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%;
}