Hello everyone! today, in this video i will be showing you on how to make a blurred background image using html and css.
This css effect is combining the opacity and blur filter, in which will gives stunning background effect to your websites.
Hopefully this video helps and as always don't forget to leave a like, comment, subscribe and click on notification to get our latest tutorials.
See you in the next videos!
Timestamps:
00:00 - Introduction
00:10 - Files Structure
00:23 - index.html
01:27 - style.css
01:56 - CSS: adding image background
02:34 - CSS: styling the blur filter
03:13 - CSS: customize text on top of the image
03:53 - final preview
04:01 - Closing
----- -------- ------- -------- -------- ------- -------
• Visit Our Social Media:
- Instagram : https://www.instagram.com/codeinstinctofficial/
- Facebook : https://www.facebook.com/codeinstinct.official
----- -------- ------- -------- -------- ------- -------
- Code Editor: Visual Studio Code
- Recorded with : OBS Studio
----- -------- ------- -------- -------- ------- -------
• Music Info:
♪ Teapot (Prod. by Lukrembo)
Link : https://youtu.be/XWWyDAraQtg
♪ Cheese (Prod. by Lukrembo)
Link : https://youtu.be/x3w9yoN7wk4
------ -------- --------- --------- -------- ---------
Video Created By: R.Y Baskara
#webdesign #css #html
