diff options
Diffstat (limited to 'doge/css')
| -rw-r--r-- | doge/css/main.css | 159 |
1 files changed, 0 insertions, 159 deletions
diff --git a/doge/css/main.css b/doge/css/main.css deleted file mode 100644 index d182707..0000000 --- a/doge/css/main.css +++ /dev/null @@ -1,159 +0,0 @@ -body { - background-image: url("http://fay.io/w/space.jpg"); - background-repeat: repeat; - background-position: top center; -} - -.rotate-container-1 { - -webkit-animation: shrink 6s linear infinite,
fade 6s linear infinite; - animation: shrink 6s linear infinite,
fade 6s linear infinite; -} - -.rotate-container-1 .rotate { - -webkit-animation: spin 6s linear infinite; - animation: spin 6s linear infinite; -} - -.rotate-container-1 .rotate-object { - background: url("http://fay.io/w/doge.png") no-repeat; - background-size: 100%; -} - -.rotate-container-2 { - -webkit-animation: shrink 6s linear infinite 2s,
fade 6s linear infinite 2s; - animation: shrink 6s linear infinite 2s,
fade 6s linear infinite 2s; -} - -.rotate-container-2 .rotate { - -webkit-animation: spin 6s linear infinite 2s; - animation: spin 6s linear infinite 2s; -} - -.rotate-container-2 .rotate-object { - background: url("http://fay.io/w/wrecking-ball(1).png") no-repeat; - background-size: 100%; -} - -.rotate-container-3 { - -webkit-animation: shrink 6s linear infinite 4s,
fade 6s linear infinite 4s; - animation: shrink 6s linear infinite 4s,
fade 6s linear infinite 4s; -} - -.rotate-container-3 .rotate { - -webkit-animation: spin 6s linear infinite 2s; - animation: spin 6s linear infinite 2s; -} - -.rotate-container-3 .rotate-object { - background: url("http://fay.io/w/grumpy-cat.png") no-repeat; - background-size: 100%; -} - -.rotate-container { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - width: 1em; - height: 1em; - margin: auto; - -webkit-backface-visibility: hidden; - -webkit-perspective: 1000; -} - -.rotate { - position: absolute; - top: 50%; - left: 50%; - width: 1em; - height: 20em; - margin-left: -.5em; - -webkit-transform-origin: 50% 0; - transform-origin: 50% 0; -} - -.rotate-object { - position: absolute; - bottom: 0; - left: 50%; - width: 5em; - height: 5em; - margin-left: -2.5em; - -webkit-animation: spin 20s linear infinite; - animation: spin 20s linear infinite; -} - -@-webkit-keyframes spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes spin { - from { - -webkit-transform: rotate(0deg); - transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@-webkit-keyframes shrink { - from { - -webkit-transform: scale(3); - transform: scale(3); - } - to { - -webkit-transform: scale(0); - transform: scale(0); - } -} - -@keyframes shrink { - from { - -webkit-transform: scale(3); - transform: scale(3); - } - to { - -webkit-transform: scale(0); - transform: scale(0); - } -} - -@-webkit-keyframes fade { - 0% { - opacity: 0; - } - 5% { - opacity: 1; - } - 80% { - opacity: 1; - } - 100% { - opacity: 0; - } -} - -@keyframes fade { - 0% { - opacity: 0; - } - 5% { - opacity: 1; - } - 80% { - opacity: 1; - } - 100% { - opacity: 0; - } -} |