[text] mhgfx

Viewer

  1. <!DOCTYPE html>
  2.  
  3. <head>
  4. <style>
  5. div {
  6.   height: 150px;
  7.   width: 300px;
  8.   margin: 0 auto;
  9. }
  10. .beep{
  11.   width: 5px;
  12.   height: 0px;
  13.   border: 5px solid transparent;
  14.   border-top: 10px solid #777;
  15.   border-bottom: 80px solid #888;
  16. }
  17. .brain {
  18.   background: radial-gradient(circle, white 15%, transparent 40%), #cc5;
  19.   background: -moz-radial-gradient(circle, white 15%, transparent 40%), #cc5; 
  20.   background: -webkit-radial-gradient(circle, white 15%, transparent 40%), #cc5;
  21.   background-size: 75px 150px;
  22.   height: 150px;
  23.   width: 150px;
  24.   border-radius: 60px 60px 10px 10px;
  25.   border-bottom: 40px solid #666;
  26. }
  27. .torso {
  28.   height: 0;
  29.   width: 140px;
  30.   border-top: 300px solid #bc6;
  31.   border-left: 75px solid transparent;
  32.   border-right: 75px solid transparent;
  33.   border-radius: 20px 20px 100px 100px;
  34. }
  35. .foot {
  36.   height: 40px;
  37.   width: 40px;
  38.   background: #ccc;
  39.   border-radius: 40px;
  40.   border: 15px solid #999;
  41. }
  42. </style>
  43. </head>
  44.  
  45. <body>
  46. <div class="beep"></div>
  47. <div class="brain"></div>
  48. <div class="torso"></div>
  49. <div class="foot"></div>
  50. </body>

Editor

You can edit this paste and save as new:


File Description
  • mhgfx
  • Paste Code
  • 03 Oct-2023
  • 1.07 Kb
You can Share it: