Text Shaking Effect Using HTML and CSS3
Text Shake Animation in HTML And CSS3 HTML CODE <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css shake effect</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>shake effect!</h1> </body> </html> CSS Code(style.css) html, body { height: 100%; margin: 0; } body { display: flex; justify-content: center; align-items: center; font-family: monospace; background: #000; } h1 { position: relative; text-transform: uppercase; letter-spacing: 6px; font-size: 10vw; font-weight: 900; text-decoration: none; color: white; display: inline-block; background-size: 120% 100%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background...
Comments
Post a Comment