Generative Keys #320

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
</head>

<body></body>
<style>
  * {
    box-sizing: border-box
  }

  body {
    margin: 0;
  }

  @-webkit-keyframes pulse {
    to {
      box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
  }

  @-moz-keyframes pulse {
    to {
      box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
  }

  @-ms-keyframes pulse {
    to {
      box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
  }

  @keyframes pulse {
    to {
      box-shadow: 0 0 0 45px rgba(232, 76, 61, 0);
    }
  }

  @keyframes gradient {
    0% {
      background-position: 0% 50%;
    }

    50% {
      background-position: 100% 50%;
    }

    100% {
      background-position: 0% 50%;
    }
  }
  
  .wrap{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .pulse-button{
    margin-bottom: 25px !important;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .link{
    margin-top: 20px !important;
    margin-bottom: 0 !important
  }
  .link a{
    color: white;
  }
  
</style>
<div class="wrap" style=" width: 100%;height: 100vh;padding: 5vw;margin: 0 auto ;background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 200% 200%; animation: gradient 15s ease infinite;">
  <div class="inner">
    <div class="pulse-button" style="position: relative; width: 30vw; height: 30vw; margin: 0 auto; box-shadow: 0 0 0 0 rgba(247, 247, 247, 0.7); border-radius: 50%; background-color: #fffdf8; font-size: 12vw; text-align: center; -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1); ">
        <svg style=" width: 15vw;     height: 15vw;" enable-background="new 0 0 21.6 21.6" version="1.1" viewBox="0 0 21.6 21.6" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
            <g id="Layer_2_1_">
                <g id="Layer_1-2">
                    <path style="fill:#666666;"
                        d="M0.9,20.7c0.1-0.1,0.1-0.1,0.2-0.2c3.9-3.9,7.7-7.7,11.6-11.6c0.1-0.1,0.2-0.1,0.2-0.2l0.1,0c0.1,0.6,0.3,1.2,0.5,1.7c-1.8,1.9-3.7,3.7-5.5,5.6c-1.7,1.7-3.5,3.5-5.2,5.2c-0.2,0.2-0.3,0.3-0.5,0.4H1.9C1.4,21.4,1.2,21,0.9,20.7z" />
                    <g>
                        <path style="fill:#8E8E8E;"
                            d="M7.5,11.8c-0.1,0.1-0.2,0.1-0.3,0C6.5,11.1,5.7,10.4,5,9.6c-0.3-0.3-0.7-0.3-1,0c-0.4,0.4-0.8,0.8-1.2,1.2c-0.4,0.4-0.4,0.7,0,1.1c0.7,0.7,1.5,1.5,2.2,2.2c0.1,0.1,0.1,0.2,0,0.3c-0.2,0.2-0.4,0.4-0.6,0.6c-0.1,0.1-0.1,0.1-0.2,0c-0.5-0.5-0.9-0.9-1.4-1.4c-0.3-0.3-0.7-0.3-1,0c-0.4,0.4-0.8,0.8-1.3,1.3c-0.3,0.3-0.3,0.7,0,1c0.4,0.4,0.9,0.9,1.3,1.3c0.1,0.1,0.2,0.2,0,0.4c-0.5,0.5-1,1-1.5,1.4c-0.1,0.1-0.3,0.3-0.3,0.4l0,0.3c0.2,0.4,0.6,0.7,0.9,1c0.1-0.1,0.1-0.1,0.2-0.2c3.9-3.9,7.7-7.7,11.6-11.6c0.1-0.1,0.2-0.1,0.2-0.2c-0.6-0.1-1.1-0.3-1.6-0.6C9.9,9.4,8.7,10.6,7.5,11.8z" />
                        <path style="fill:#8E8E8E;"
                            d="M20.7,6.5C21.7,5.2,21.9,3.4,21,2c-0.2-0.3-0.4-0.6-0.7-0.8c0-0.1-0.1-0.1-0.1-0.1c-0.7-0.6-1.5-1-2.4-1c-1,0-2,0.3-2.8,0.9c-0.1,0.1-0.2,0.1-0.4,0.1c-1.1-0.4-2.2-0.4-3.2,0.2c-1.6,0.9-2.3,2.2-2.1,4c0.1,1,0.6,1.8,1.3,2.5C10.8,7.9,11,8,11.2,8.1c0.5,0.2,1.1,0.5,1.6,0.6l0.1,0c0.1,0.6,0.3,1.2,0.5,1.7c0.1,0,0.1,0.1,0.1,0.1c1,1.4,2.4,2,4.1,1.7c2.4-0.4,3.8-3,2.9-5.3C20.5,6.7,20.5,6.6,20.7,6.5z M17.7,6.5c0,0.1-0.1,0.1-0.1,0.2c-0.7,0.8-1.9,0.9-2.7,0.2l-0.1-0.1c-0.1,0-0.1,0-0.1,0.1c0,0,0.1-0.1,0.1-0.1c-0.6-0.6-0.7-1.4-0.4-2.2c0.5-1.2,2.1-1.4,3.1-0.5C18.2,4.9,18.2,5.8,17.7,6.5z" />
                    </g>
                </g>
            </g>
    </svg> </div>
  <div align="center" style=" padding:5px; color:#ffffff; font-size:8vw; font-family: Arial, sans-serif; padding-top:20px;">You've got a<br />
    <font style="font-size: 12vw;">SILVER KEY</font>
    <p class="link">
      <a href="https://generative.xyz" target="_blank">generative.xyz</a>
    </p>
  </div>
  </div>
</div>
</body>
</html>

Generative Keys #378

Generative Keys #178

Generative Keys #127

Action	Price	Marketplace	From	To	Time
SALE	0.0048 297.84	magiceden	rkrt	4dwj	3 months
SALE	0.002 127.66	magiceden	2rfh	rkrt	3 months
INSCRIBED	- -		-	2rfh	over 1 year

Inscription #438129

More from this Collection