Background blur hack

Developer
Rico Sta. Cruz
Size
1,675 Kb
Views
4,048
  1. Background blur hack Previews
  2. Background blur hack HTML Codes
  3. Background blur hack CSS Codes

How do I make an background blur hack?

What is a background blur hack? How do you make a background blur hack? This script and codes were developed by Rico Sta. Cruz on 19 January 2023, Thursday.

Background blur hack Previews
IQ Test

Background blur hack - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Background blur hack</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div></div>
</body>
</html>

Background blur hack - Script Codes CSS Codes

html, body { height: 100%;
}
body { display: flex; justify-content: center; align-items: center; background: url(https://source.unsplash.com/5UeQRji-0nE/1400x900) center center / cover; background-attachment: fixed;
}
div { flex: 0 0 auto; height: 80vh; width: 30vw; overflow: hidden; position: relative; border-radius: 4px;
}
div::after { content: ''; display: block; position: absolute; top: -64px; bottom: -64px; left: -64px; right: -64px; background: linear-gradient(to bottom, rgba(0, 40, 80, 0.5), rgba(0, 40, 80, 0.5)), url(https://source.unsplash.com/5UeQRji-0nE/1400x900) center center / cover; background-attachment: fixed; filter: blur(24px); transition: all 50ms linear;
}
div:hover::after { filter: blur(4px);
}
Background blur hack - Script Codes
Background blur hack - Script Codes
Home Page Home
Developer Rico Sta. Cruz
Username rstacruz
Uploaded January 19, 2023
Rating 3
Size 1,675 Kb
Views 4,048
Do you need developer help for Background blur hack?

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!

Rico Sta. Cruz (rstacruz) Script Codes
Name
Waves
Cookie notice snippet
CSS pie graphs
React template
Swipeshow demo
Coffee image card
A Pen by Rico Sta. Cruz
Decca example
CSS variables iOS bug demo
Diff-based typing test
Create amazing captions 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!