Template:Somebois/boisyeffect.css - Revision history

SomeBois at 16:07, 11 October 2026

2026-10-11T16:07:07Z

← Older revision		Revision as of 16:07, 11 October 2026
Line 1:		Line 1:
	.~~somebois-effect~~ { ~~color~~: ~~#fff~~; }		.content {
			position: relative;
			}

	.~~somebois-~~effect ~~div~~ { color: #fff; }		.effect h2 {
			color: #fff;
			font-size: 8em;
			position: absolute;
			transform: translate(-50%, -50%);
			}

	.~~somebois-~~effect { ~~animation~~: ~~somebois-animate 4s ease-in-out infinite~~; }		.effect {
			color: transparent;
			}

	~~@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% )~~; }		.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%);
			}
			}

SomeBois: SomeBois moved page Template:Somebois/styles.css to Template:Somebois/boisyeffect.css without leaving a redirect

2026-10-11T16:06:05Z

SomeBois moved page Template:Somebois/styles.css to Template:Somebois/boisyeffect.css without leaving a redirect

← Older revision	Revision as of 16:06, 11 October 2026
(No difference)

SomeBois: 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% ); } }"

2026-10-11T15:59:31Z

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% ); } }"

New page

.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% ); } }