Studio
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Shaking Text</title>
<style>
@keyframes shake {
0% { transform: translate(2px, -2px) rotate(0deg); }
10% { transform: translate(-2px, 2px) rotate(-1deg); }
20% { transform: translate(2px, -2px) rotate(1deg); }
30% { transform: translate(-2px, 2px) rotate(0deg); }
40% { transform: translate(2px, -2px) rotate(1deg); }
50% { transform: translate(-2px, 2px) rotate(-1deg); }
60% { transform: translate(2px, -2px) rotate(0deg); }
70% { transform: translate(-2px, 2px) rotate(-1deg); }
80% { transform: translate(2px, -2px) rotate(1deg); }
90% { transform: translate(-2px, 2px) rotate(0deg); }
100% { transform: translate(2px, -2px) rotate(-1deg); }
}
.shaking-text {
font-size: 50px;
font-weight: bold;
color: red;
text-align: center;
margin-top: 20%;
animation: shake 0.1s infinite;
}
</style>
</head>
<body>
STUDIO
</body>
</html>
