diff options
| author | Fuwn <[email protected]> | 2024-01-31 05:04:31 -0800 |
|---|---|---|
| committer | Fuwn <[email protected]> | 2024-01-31 05:04:31 -0800 |
| commit | bdc89b8452608b40f72f3e6c4c0914df312fa621 (patch) | |
| tree | b97ae6002ab61051d07aaacc8a04787d3256636f /src/styles | |
| parent | feat(birthdays): loading messages (diff) | |
| download | due.moe-bdc89b8452608b40f72f3e6c4c0914df312fa621.tar.xz due.moe-bdc89b8452608b40f72f3e6c4c0914df312fa621.zip | |
feat(user): rainbow owner badge
Diffstat (limited to 'src/styles')
| -rw-r--r-- | src/styles/badge.css | 47 |
1 files changed, 47 insertions, 0 deletions
diff --git a/src/styles/badge.css b/src/styles/badge.css index 38cae6e4..68b15ea7 100644 --- a/src/styles/badge.css +++ b/src/styles/badge.css @@ -14,3 +14,50 @@ .badge-info:hover { background-color: var(--base0E); } + +.badge-rainbow { + color: var(--base07); + animation: rainbow 20s ease-in-out infinite; +} + +@keyframes rainbow { + 0% { + background: rgba(0, 105, 255, 0.71); + } + 10% { + background: rgba(100, 0, 255, 0.71); + } + 20% { + background: rgba(255, 0, 139, 0.71); + } + 30% { + background: rgba(255, 0, 0, 0.71); + } + 40% { + background: rgba(255, 96, 0, 0.71); + } + 50% { + background: rgba(202, 255, 0, 0.71); + } + 60% { + background: rgba(0, 255, 139, 0.71); + } + 70% { + background: rgba(202, 255, 0, 0.71); + } + 80% { + background: rgba(255, 96, 0, 0.71); + } + 85% { + background: rgba(255, 0, 0, 0.71); + } + 90% { + background: rgba(255, 0, 139, 0.71); + } + 95% { + background: rgba(100, 0, 255, 0.71); + } + to { + background: rgba(0, 105, 255, 0.71); + } +} |