Retro text with hover

Developer
Creative Punch
Size
1,578 Kb
Views
6,072
  1. Retro text with hover Previews
  2. Retro text with hover HTML Codes
  3. Retro text with hover CSS Codes

How do I make an retro text with hover?

Some simple retro typography with hover effect. Uses text-shadow and a single H1 element.. What is a retro text with hover? How do you make a retro text with hover? This script and codes were developed by Creative Punch on 09 December 2022, Friday.

Retro text with hover Previews
IQ Test

Retro text with hover - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Retro text with hover</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1>Hover me</h1>
</body>
</html>

Retro text with hover - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:700);
body { background: #f0f1e3;
}
h1 { font-size: 120px; font-family: "Roboto Slab"; text-align: center; color: #5090AA; text-shadow: 10px 10px 0 #255870; cursor: pointer;
}
h1:hover { color: #255870; text-shadow: 10px 10px 0 #5090AA;
}
Retro text with hover - Script Codes
Retro text with hover - Script Codes
Home Page Home
Developer Creative Punch
Username CreativePunch
Uploaded December 09, 2022
Rating 3
Size 1,578 Kb
Views 6,072
Do you need developer help for Retro text with hover?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Creative Punch (CreativePunch) Script Codes
Name
Animated CSS3 social buttons
JQuery Adaptive Slider Demo
Textured text
Animated scroll-dependant menu using scrollMonitor
Long shadow social icons with Sass
SVG blurred header
Animated bar chart
Glowing lights loader animation with pure CSS
CSS3 animated sliding box without javascript.
Gradient text with CSS3
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!