yazdmich

Untitled

Jan 26th, 2016
369
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 2.35 KB | None | 0 0
  1. .spinner {
  2.     -webkit-animation: rotator 1.4s linear infinite;
  3.     animation: rotator 1.4s linear infinite
  4. }
  5. @-webkit-keyframes rotator {
  6.     0% {
  7.         -webkit-transform: rotate(0deg);
  8.         transform: rotate(0deg)
  9.     }
  10.     100% {
  11.         -webkit-transform: rotate(270deg);
  12.         transform: rotate(270deg)
  13.     }
  14. }
  15. @keyframes rotator {
  16.     0% {
  17.         -webkit-transform: rotate(0deg);
  18.         transform: rotate(0deg)
  19.     }
  20.     100% {
  21.         -webkit-transform: rotate(270deg);
  22.         transform: rotate(270deg)
  23.     }
  24. }
  25. .path {
  26.     stroke-dasharray: 187;
  27.     stroke-dashoffset: 0;
  28.     -webkit-transform-origin: center;
  29.     -ms-transform-origin: center;
  30.     transform-origin: center;
  31.     -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
  32.     animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite
  33. }
  34. @-webkit-keyframes colors {
  35.     0% {
  36.         stroke: #4285F4
  37.     }
  38.     25% {
  39.         stroke: #DE3E35
  40.     }
  41.     50% {
  42.         stroke: #F7C223
  43.     }
  44.     75% {
  45.         stroke: #1B9A59
  46.     }
  47.     100% {
  48.         stroke: #4285F4
  49.     }
  50. }
  51. @keyframes colors {
  52.     0% {
  53.         stroke: #4285F4
  54.     }
  55.     25% {
  56.         stroke: #DE3E35
  57.     }
  58.     50% {
  59.         stroke: #F7C223
  60.     }
  61.     75% {
  62.         stroke: #1B9A59
  63.     }
  64.     100% {
  65.         stroke: #4285F4
  66.     }
  67. }
  68. @-webkit-keyframes dash {
  69.     0% {
  70.         stroke-dashoffset: 187
  71.     }
  72.     50% {
  73.         stroke-dashoffset: 46.75;
  74.         -webkit-transform: rotate(135deg);
  75.         transform: rotate(135deg)
  76.     }
  77.     100% {
  78.         stroke-dashoffset: 187;
  79.         -webkit-transform: rotate(450deg);
  80.         transform: rotate(450deg)
  81.     }
  82. }
  83. @keyframes dash {
  84.     0% {
  85.         stroke-dashoffset: 187
  86.     }
  87.     50% {
  88.         stroke-dashoffset: 46.75;
  89.         -webkit-transform: rotate(135deg);
  90.         transform: rotate(135deg)
  91.     }
  92.     100% {
  93.         stroke-dashoffset: 187;
  94.         -webkit-transform: rotate(450deg);
  95.         transform: rotate(450deg)
  96.     }
  97. }
  98. #sidebar {
  99.     position: fixed;
  100.     background: #f3f5f9;
  101.     border-radius: 3px;
  102.     padding: 8px 5px 5px;
  103.     margin-left: 10px;
  104.     margin-right: 10px;
  105.     width: 295px;
  106.     min-height: 360px
  107. }
  108. .user {
  109.     display: inline-block;
  110.     padding: 5px;
  111.     margin-bottom: -5px;
  112.     border-radius: 3px
  113. }
  114. h1 {
  115.     font-size: larger
  116. }
Advertisement
Add Comment
Please, Sign In to add comment