LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

CSS GRADIENT ANIMATION

CSS
@import url("https://fonts.googleapis.com/css?family=Concert+One");
body {
  background: #222222;
}

div {
  position: relative;
  height: 500px;
  width: 500px;
  margin: 100px auto;
  background: linear-gradient(#FF3155 0%, #FF3155 25%, #FFAF42 25%, #FFAF42 50%, #FFED5E 50%, #FFED5E 75%, #2DAEFD 75%);
  bakground-position: 100px 100vh;
  background-repeat: repeat-y;
  background-position: 0px 0px;
  -webkit-animation: gradient 2s infinite linear;
          animation: gradient 2s infinite linear;
  -webkit-clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
  clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
}

svg {
  height: 300px;
  width: 300px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

@-webkit-keyframes gradient {
  to {
    background-position: 0 1000px;
  }
}

@keyframes gradient {
  to {
    background-position: 0 1000px;
  }
}
h3 {
  font-family: 'Concert One', cursive;
  text-align: center;
  font-size: 30px;
  text-shadow: 0px 0px 0px #ddd;
}
Term
Sat, 04/14/2018 - 20:49

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv