Template:AngelQuarantine/styles.css: Difference between revisions
Template page
More actions
Content deleted Content added
No edit summary |
No edit summary |
||
| Line 10: | Line 10: | ||
#subtitle{ |
#subtitle{ |
||
font-weight: bold; |
font-weight: bold; |
||
color: #fff; |
|||
display: inline-block; |
|||
padding: 0.5em 1em; |
|||
margin: 1em auto; |
|||
justify-content: center; |
justify-content: center; |
||
text-align: center; |
text-align: center; |
||
animation: flicker 3s infinite; |
animation: flicker 3s infinite; |
||
background: linear-gradient( |
background: linear-gradient( |
||
135deg, |
|||
rgba(50, 50, 50, 0.9) 0%, |
|||
rgba(100, 100, 100, 0.9) 50%, |
|||
rgba(50, 50, 50, 0.9) 100% |
|||
| ⚫ | |||
} |
} |
||
| Line 23: | Line 32: | ||
@keyframes flicker { |
@keyframes flicker { |
||
0%, |
0%, 20%, 40%, 60%, 80%, 100% { opacity: 1; } |
||
opacity: |
10%, 30%, 50%, 70%, 90% { opacity: 0.6; } |
||
| ⚫ | |||
20%, 24%, 55% { |
|||
opacity: 0.4; |
|||
} |
|||
} |
} |
||
Revision as of 13:17, May 2, 2025
#title{
font-size: 35px;
font-weight: bold;
justify-content: center;
text-align: center;
color: #ff4d4d;
animation: pulse 2s infinite;
}
#subtitle{
font-weight: bold;
color: #fff;
display: inline-block;
padding: 0.5em 1em;
margin: 1em auto;
justify-content: center;
text-align: center;
animation: flicker 3s infinite;
background: linear-gradient(
135deg,
rgba(50, 50, 50, 0.9) 0%,
rgba(100, 100, 100, 0.9) 50%,
rgba(50, 50, 50, 0.9) 100%
);
}
@keyframes pulse {
0% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0.7); }
70% { box-shadow: 0 0 20px 10px rgba(255, 0, 0, 0); }
100% { box-shadow: 0 0 0 0 rgba(255, 0, 0, 0); }
}
@keyframes flicker {
0%, 20%, 40%, 60%, 80%, 100% { opacity: 1; }
10%, 30%, 50%, 70%, 90% { opacity: 0.6; }
}