Difference between revisions of "Team:DUT China B"

Line 259: Line 259:
 
}
 
}
 
.gradient-border {
 
.gradient-border {
−
  --borderWidth: 3px;
+
      --borderWidth: 3px;
−
  position: relative;
+
        position: relative;
−
  border-radius: var(--borderWidth);
+
        border-radius: var(--borderWidth);
−
  background: linear-gradient(60deg,  #5073b8,#1098ad, #1C2B42,#07b39b,#6fba82 );
+
        background: linear-gradient(60deg,  #5073b8,#1098ad, #1C2B42,#07b39b,#6fba82 );
−
  border-radius: calc(2 * var(--borderWidth));
+
        border-radius: calc(2 * var(--borderWidth));
−
  z-index: 1;
+
        z-index: 1;
−
  -webkit-animation: animatedgradient 3s ease alternate infinite;
+
      -webkit-animation: animatedgradient 5s ease alternate infinite;
−
           animation: animatedgradient 3s ease alternate infinite;
+
           animation: animatedgradient 5s ease alternate infinite;
 
   background-size: 300% 300%;
 
   background-size: 300% 300%;
 
}
 
}

Revision as of 09:17, 15 October 2019

Document

Animated
CSS
Gradient Border