Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
You must create an account or log in to edit.

Template:AngelQuarantine/styles.css: Difference between revisions

Template page
Content deleted Content added
MMONTAGEe (talk | contribs)
No edit summary
MMONTAGEe (talk | contribs)
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(90deg, #ff4d4d, #ffcc00);
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%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
0%, 20%, 40%, 60%, 80%, 100% { opacity: 1; }
opacity: 1;
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; }
}