daily pastebin goal
37%
SHARE
TWEET

Untitled

a guest Aug 18th, 2018 68 Never
Upgrade to PRO!
ENDING IN00days00hours00mins00secs
  1. body {
  2.   margin: 0;
  3.   padding: 0;
  4. }
  5.  
  6. .logo {
  7.   position: absolute;
  8.   top: 50%;
  9.   left: 50%;
  10.   transform: translate(-50%, -50%);
  11.   width: 130px;
  12.   height: 130px;
  13.   border-radius: 50%;
  14.   background: #368ffb;
  15. }
  16.  
  17. .letter {
  18.     color: white;
  19.     position: fixed;
  20.     top: 50%;
  21.     left: 50%;
  22.     font-family: sans-serif;
  23.     font-size: 106px;
  24.     width: auto;
  25.     height: auto;
  26.     margin-top: -166px;
  27.     margin-left: -34px;
  28. }
  29.  
  30. .logo::before {
  31.     content: '';
  32.     position: absolute;
  33.     top: 40px;
  34.     left: 38px;
  35.     border-left: 0px solid #368ffb;
  36.     border-right: 100px solid #368ffb;
  37.     border-top: 100px solid transparent;
  38.     border-radius: 50%;
  39.  
  40. }
  41. .logo::after {
  42.     content: '';
  43.     position: absolute;
  44.     top: -10px;
  45.     left: -8px;
  46.     border-left: 0px solid #2f8cfe;
  47.     border-right: 100px solid #2f8cfe;
  48.     border-top: 100px solid transparent;
  49.     border-radius: 50%;
  50.  
  51. }
  52. .element {
  53.   animation:
  54.     pulse 3s ease infinite alternate,
  55.     nudge 5s linear infinite alternate;
  56.   border-radius: 100%;
  57. }
  58.  
  59. @keyframes pulse {
  60.   0%, 100% {
  61.     background-color: red;
  62.   }
  63.   50% {
  64.     background-color: orange;
  65.   }
  66. }
  67.  
  68. @keyframes nudge {
  69.   0%, 100% {
  70.     transform: translate(0, 0);
  71.   }
  72.  
  73.   50% {
  74.     transform: translate(150px, 0);
  75.   }
  76.  
  77.   80% {
  78.     transform: translate(-150px, 0);
  79.   }
  80. }
  81.  
  82.  
  83. html, body {
  84.   height: 100%;
  85. }
  86.  
  87. body {
  88.   display: flex;
  89.   align-items: center;
  90.   justify-content: center;
  91. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top