Skip to content

Instantly share code, notes, and snippets.

View qiyuan-wang's full-sized avatar
🎯
Focusing

zisasign qiyuan-wang

🎯
Focusing
  • Shanghai
View GitHub Profile
@qiyuan-wang
qiyuan-wang / dabblet.css
Created September 30, 2014 08:44
Untitled
#Page-5 {
visibility: hidden;
}
#loading:hover #Page-5 {
visibility: visible;
stroke-dasharray: 0, 78, 20;
stroke-dashoffset: 176;
stroke-linejoin: round;
animation: spin 1s linear;
@qiyuan-wang
qiyuan-wang / dabblet.css
Created September 30, 2014 07:56
Untitled
#loading:hover #Page-5 {
stroke-dasharray: 0, 78, 20;
stroke-dashoffset: 176;
stroke-linejoin: round;
animation: spin 1s linear;
}
@keyframes spin {
0 {
stroke-dashoffset: 88;
@qiyuan-wang
qiyuan-wang / dabblet.css
Last active August 29, 2015 14:06
Untitled
#loading #Page-5 {
stroke-dasharray: 88, 88;
stroke-dashoffset: 88;
stroke-linejoin: round;
animation: spin 2s linear;
}
@keyframes spin {
100% {
@qiyuan-wang
qiyuan-wang / dabblet.css
Last active August 29, 2015 14:06
Untitled
#loading svg {
stroke-dasharray: 64, 64;
stroke-dashoffset: 128;
stroke-linejoin: round;
animation: spin 2.5s infinite linear;
}
@keyframes spin {
100% {
stroke-dashoffset: 0;
@qiyuan-wang
qiyuan-wang / dabblet.css
Last active August 29, 2015 14:06
Untitled
#loading svg {
stroke-dasharray: 52, 60;
stroke-dashoffset: 112;
stroke-linejoin: round;
animation: spin 2.5s infinite linear;
}
@keyframes spin {
100% {
stroke-dashoffset: 0;