yoohoo! hot sauce please
10:27, 7 September 2026 (UTC)
Template:Somebois/boisyeffect.css: Difference between revisions
From 2swagg wiki
Jump to navigationJump to search
Created page with ".somebois-effect { color: #fff; } .somebois-effect div { color: #fff; } .somebois-effect { animation: somebois-animate 4s ease-in-out infinite; } @keyframes somebois-animate { 0%, 100% { clip-path: polygon( 0% 5%, 16% 10%, 33% 5%, 54% 9%, 70% 7%, 84% 6.2%, 100% 7%, 100% 100%, 0% 100% ); } 50% { clip-path: polygon( 0% 8%, 16% 7%, 34% 11.6%, 51% 11.2%, 67% 12%, 84% 12.5%, 100% 10.6%, 100% 100%, 0% 100% ); } }" |
No edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 1: | Line 1: | ||
. | .content { | ||
position: relative; | |||
} | |||
. | .effect h2 { | ||
color: #fff; | |||
font-size: 8em; | |||
position: absolute; | |||
transform: translate(-50%, -50%); | |||
} | |||
. | .effect { | ||
color: transparent; | |||
} | |||
.effect { | |||
color: #FF0000; | |||
animation: animate 4s ease-in-out infinite; | |||
} | |||
50% { clip-path: polygon( 0% 8%, 16% 7%, 34% 11.6%, 51% 11.2%, 67% 12%, 84% 12.5%, 100% 10.6%, 100% 100%, 0% 100% ); } } | @keyframes animate { | ||
0%, 100% { | |||
clip-path: polygon(0% 5%,16% 10%,33% 5%,54% 9%,70% 7%,84% 6.2%,100% 7%,100% 100%,0% 100%); | |||
} | |||
50% { | |||
clip-path: polygon(0% 8%,16% 7%,34% 11.6%,51% 11.2%,67% 12%,84% 12.5%,100% 10.6%,100% 100%,0% 100%); | |||
} | |||
} | |||
Latest revision as of 16:07, 11 October 2026
.content {
position: relative;
}
.effect h2 {
color: #fff;
font-size: 8em;
position: absolute;
transform: translate(-50%, -50%);
}
.effect {
color: transparent;
}
.effect {
color: #FF0000;
animation: animate 4s ease-in-out infinite;
}
@keyframes animate {
0%, 100% {
clip-path: polygon(0% 5%,16% 10%,33% 5%,54% 9%,70% 7%,84% 6.2%,100% 7%,100% 100%,0% 100%);
}
50% {
clip-path: polygon(0% 8%,16% 7%,34% 11.6%,51% 11.2%,67% 12%,84% 12.5%,100% 10.6%,100% 100%,0% 100%);
}
}
