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 11: Line 11:
font-weight: bold;
font-weight: bold;
color: #fff;
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 2.5s infinite;
background: linear-gradient(
background: linear-gradient(90deg, #ff6666, #cc0000);
135deg,
rgba(50, 50, 50, 0.9) 0%,
rgba(100, 100, 100, 0.9) 50%,
rgba(50, 50, 50, 0.9) 100%
);
}
}


Line 32: Line 24:


@keyframes flicker {
@keyframes flicker {
0% {
0%, 20%, 40%, 60%, 80%, 100% { opacity: 1; }
text-shadow: 0 0 5px rgba(255,102,102,0.7);
10%, 30%, 50%, 70%, 90% { opacity: 0.6; }
}
50% {
text-shadow: 0 0 20px rgba(204,0,0,0.9);
}
100% {
text-shadow: 0 0 5px rgba(255,102,102,0.7);
}
}
}

Revision as of 13:21, 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;
	justify-content: center;
	text-align: center;
	animation: flicker 2.5s infinite;
    background: linear-gradient(90deg, #ff6666, #cc0000);  
}

@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% {
    text-shadow: 0 0 5px rgba(255,102,102,0.7);
  }
  50% {
    text-shadow: 0 0 20px rgba(204,0,0,0.9);
  }
  100% {
    text-shadow: 0 0 5px rgba(255,102,102,0.7);
  }
}