Sign ups are back :3 -Sukaira

Template:Predator/styles.css: Difference between revisions

From ORCWiki
Jump to navigationJump to search
Created page with "@keyframes shake { 0%, 100% { transform: translate(0); } 20%, 60% { transform: translate(-5px); } 40%, 80% { transform: translate(5px); } } .pedotext-glow { animation: shake 0.5s infinite !important; display: inline-block; font-weight: bold; }"
 
No edit summary
 
Line 1: Line 1:
@keyframes shake {
@keyframes shake {
0%, 100% { transform: translate(0); }
0% { transform: translate(0, 0) rotate(0deg); }
20%, 60% { transform: translate(-5px); }
20% { transform: translate(-2px, 1px) rotate(-1deg); }
40%, 80% { transform: translate(5px); }
40% { transform: translate(-1px, 1px) rotate(1deg); }
60% { transform: translate(2px, 0px) rotate(0deg); }
80% { transform: translate(1px, 2px) rotate(1deg); }
100% { transform: translate(-1px, -2px) rotate(-1deg); }
}
}
.pedotext-glow {
.pedotext-glow {
animation: shake 0.5s infinite !important;
animation: shake 0.15s infinite linear !important;
     display: inline-block;
     display: inline-block;
font-weight: bold;
font-weight: bold;
    color: red;
}
}

Latest revision as of 09:22, 16 July 2026

@keyframes shake {
	0% { transform: translate(0, 0) rotate(0deg); }
	20% { transform: translate(-2px, 1px) rotate(-1deg); }
	40% { transform: translate(-1px, 1px) rotate(1deg); }
	60% { transform: translate(2px, 0px) rotate(0deg); }
	80% { transform: translate(1px, 2px) rotate(1deg); }
	100% { transform: translate(-1px, -2px) rotate(-1deg); }
}
.pedotext-glow {
	animation: shake 0.15s infinite linear !important;
    display: inline-block;
	font-weight: bold;
    color: red;
}