Background effect for text

Developer
KONSTANTIN TRUNOV
Size
2,007 Kb
Views
16,192
  1. Background effect for text Previews
  2. Background effect for text HTML Codes
  3. Background effect for text CSS Codes

How do I make an background effect for text?

What is a background effect for text? How do you make a background effect for text? This script and codes were developed by KONSTANTIN TRUNOV on 26 November 2022, Saturday.

Background effect for text Previews
IQ Test

Background effect for text - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Background effect for text</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="video-container"> <video src="http://karnizomsk.16mb.com/video/video-loop.webm" autoplay loop></video>
</div>
</body>
</html>

Background effect for text - Script Codes CSS Codes

.video-container { position: relative; width: 100%; height: 100vh; overflow: hidden;
}
.video-container::after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent url('http://karnizomsk.16mb.com/video/mask.png') center center no-repeat; background-size: cover;
}
video { width: inherit;
}
Background effect for text - Script Codes
Background effect for text - Script Codes
Home Page Home
Developer KONSTANTIN TRUNOV
Username truman55
Uploaded November 26, 2022
Rating 3
Size 2,007 Kb
Views 16,192
Do you need developer help for Background effect for text?

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!

KONSTANTIN TRUNOV (truman55) Script Codes
Name
A Pen by KONSTANTIN TRUNOV
Cutting the image into 2 parts when hovering the mouse
Neon clock
Balloons SVG
HAMBURGER ANIMATION
Flag russia linear-gradient
Random colored balls
Progress bar with animation
Simple CSS3 Text animation
Css animation - FIFA
Create amazing blog posts 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!