|
|
| (One intermediate revision by the same user not shown) |
| Line 12: |
Line 12: |
| [[Category:White People]][[Category:Pages that need things added to them]][[Category:Pages that are British]] | | [[Category:White People]][[Category:Pages that need things added to them]][[Category:Pages that are British]] |
| {{#css: | | {{#css: |
| | @property --gradient-angle { |
| | syntax: '<angle>'; |
| | initial-value: -2deg; |
| | inherits: false; |
| | } |
| | |
| #content { | | #content { |
| animation: 6s linear 0s infinite alternate piss | | background: linear-gradient(80deg, #fff3, transparent 70%, #fffa), linear-gradient(var(--gradient-angle), #e5ec1e, #f4e947 10%, #ddce56 49%, #fff 50%, #fff); |
| | background-size: 200% 200%; |
| | background-position: 100% 0%; |
| | animation: 3.2s ease-in-out 0s infinite alternate piss-sway, 12s ease-in-out 0s infinite alternate piss-rise; |
| } | | } |
| @keyframes piss { | | |
| 0% { | | @keyframes piss-rise { |
| background: linear-gradient(-1deg, #e5ec1e, #e5ec1e 2%, #fff 3%, #fff); | | from { |
| | background-position: 100% 0%; |
| } | | } |
| 5% { | | to { |
| background: linear-gradient(-0.5deg, #e5ec1e, #e5ec1e 2.5%, #fff 3.5%, #fff); | | background-position: 100% 30%; |
| }
| |
| 10% {
| |
| background: linear-gradient(0deg, #e5ec1e, #e5ec1e 3%, #fff 4%, #fff);
| |
| }
| |
| 15% {
| |
| background: linear-gradient(0.5deg, #e5ec1e, #e5ec1e 3.5%, #fff 4.5%, #fff);
| |
| }
| |
| 20% {
| |
| background: linear-gradient(1deg, #e5ec1e, #e5ec1e 4%, #fff 5%, #fff);
| |
| }
| |
| 25% {
| |
| background: linear-gradient(0.5deg, #e5ec1e, #e5ec1e 4.5%, #fff 5.5%, #fff);
| |
| }
| |
| 30% {
| |
| background: linear-gradient(0deg, #e5ec1e, #e5ec1e 5%, #fff 6%, #fff);
| |
| }
| |
| 35% {
| |
| background: linear-gradient(-0.5deg, #e5ec1e, #e5ec1e 5.5%, #fff 6.5%, #fff);
| |
| }
| |
| 40% {
| |
| background: linear-gradient(-1deg, #e5ec1e, #e5ec1e 6%, #fff 7%, #fff);
| |
| }
| |
| 45% {
| |
| background: linear-gradient(-0.5deg, #e5ec1e, #e5ec1e 6.5%, #fff 7.5%, #fff);
| |
| }
| |
| 50% {
| |
| background: linear-gradient(0deg, #e5ec1e, #e5ec1e 7%, #fff 8%, #fff);
| |
| }
| |
| 55% {
| |
| background: linear-gradient(0.5deg, #e5ec1e, #e5ec1e 7.5%, #fff 8.5%, #fff);
| |
| }
| |
| 60% {
| |
| background: linear-gradient(1deg, #e5ec1e, #e5ec1e 8%, #fff 9%, #fff);
| |
| }
| |
| 65% {
| |
| background: linear-gradient(0.5deg, #e5ec1e, #e5ec1e 8.5%, #fff 9.5%, #fff);
| |
| }
| |
| 70% {
| |
| background: linear-gradient(0deg, #e5ec1e, #e5ec1e 9%, #fff 10%, #fff);
| |
| }
| |
| 75% {
| |
| background: linear-gradient(-0.5deg, #e5ec1e, #e5ec1e 9.5%, #fff 10.5%, #fff);
| |
| }
| |
| 80% {
| |
| background: linear-gradient(-1deg, #e5ec1e, #e5ec1e 10%, #fff 11%, #fff);
| |
| }
| |
| 85% {
| |
| background: linear-gradient(-0.5deg, #e5ec1e, #e5ec1e 10.5%, #fff 11.5%, #fff);
| |
| }
| |
| 90% {
| |
| background: linear-gradient(0deg, #e5ec1e, #e5ec1e 11%, #fff 12%, #fff);
| |
| }
| |
| 95% {
| |
| background: linear-gradient(0.5deg, #e5ec1e, #e5ec1e 11.5%, #fff 12.5%, #fff);
| |
| }
| |
| 100% {
| |
| background: linear-gradient(-1deg, #e5ec1e, #e5ec1e 12%, #fff 13%, #fff);
| |
| } | | } |
| | } |
| | |
| | @keyframes piss-sway { |
| | from { --gradient-angle: -2deg; } |
| | to { --gradient-angle: 2deg; } |
| } | | } |
| }} | | }} |
