RED ALERT -- RUNOFF ELECTION -- MOTM EXTREMELY HIGH STAKES

MOTM TRUE WINNER


  • Total voters
    20
  • Poll closed .
Status
Not open for further replies.

mochi

22222
High rep power
Joined
Dec 2, 2023
Posts
289
Rep Power
272
halalbird.png
 

DonDon Patch

11122
Staff member
High rep power
Joined
Nov 30, 2023
Posts
2,609
Rep Power
2,162
k describe your specifications for username and badge design. i'll award the rep in a sec

CSS for my staff badge, if you're smart enough to try editing/customizing it yourself to your own colors/patterns/specifications

Code:
.butthead {
    font-size: 75%;
    font-weight: 400;
    font-style: bold;
    padding: 1px 6px;
    border: 1px solid #FF10F0;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
    color: white;
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}

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

css for famous e-celeb, which is poorly written but works

Code:
.butthole {
    color: black !important;
    border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(0.7px);
-webkit-backdrop-filter: blur(0.7px);
border: 1px solid rgba(0, 0, 0, 1);  
    font-weight: bold;
  animation-duration: 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: shimmer;
  animation-timing-function: linear;
  background: linear-gradient(90deg, white 0%, #ffdc73 5%, #ffdc73 95%, white 100%);
  background-size: 1200px 100%;
a, a:hover, a:visited, a:active {
  color: inherit;
  text-decoration: none;
 }
}

@keyframes shimmer {
  0% {
    background-position: -1200px 0;
  }

  100% {
    background-position: 1200px 0;
  }
}
posting so you have templates to edit yourself which would be less work for me than vaguely describing something for me to attempt to make myself
 
Status
Not open for further replies.
Top