HomeОбразованиеRelated VideosMore From: garnatti one

How to add CSS Blur and Opacity(Transparent) into Background Image or Color | Quick Tutorial

283 ratings | 54156 views
This videos will show you how you can blur your image or color background or add opacity. Follow Us Facebook: http://bit.ly/2srBAX7 Twitter: http://bit.ly/2tAEvgG Instagram: http://bit.ly/2tbfnKn css blur | css background color opacity | transparent background color | css image filter | how to blur background | blur background effect | blur image background | css blur filter | transparent background css | html transparent background | css3 opacity | css semi transparent background | html transparent color How to add text shadow? watch: https://www.youtube.com/watch?v=hJEjWI59iE8 Subscribe to us : https://www.youtube.com/channel/UCaU1VsZaFQ1hHq8P2dGrJMw?sub_confirmation=1 CSS Placeholder Color https://www.youtube.com/watch?v=HHhC67Gtalo How to disable someone from copying texts in your website: https://www.youtube.com/watch?v=a2MS1jd9M_w How to properly add background image with CSS: https://www.youtube.com/watch?v=dfqR3sEnj6k How to center a div inside a div: https://www.youtube.com/watch?v=RCoQOS4s5ls How to create unordered list without bullets: https://www.youtube.com/watch?v=_KXobsfRlPQ
Html code for embedding videos on your blog
Text Comments (14)
TatTvamAsi (1 month ago)
Hum, background-image: url(blahblah.jpg); worked for me. Also, I had to put it in the body{} class not the image{} class like we created from the vid. Maybe they changed it? This vid pointed me in the right direction though. Thanks. :)
teck tick (1 month ago)
Avonstar (6 months ago)
Annoying with music.
ussardor (8 months ago)
Slow down please.
garnatti one (7 months ago)
Hi, you might want to check this article: http://www.22bulbjungle.com/background-image-color-overlay-create-a-filter-look-with-css/
Scripton (8 months ago)
Hey Cool Buddy!
Rohit Ramesh (1 year ago)
Thanks a ton!
Anurag Dua (1 year ago)
+garnatti one. I created a container with text and password fields and submit button.I want to blur the container but it is also affecting fields.Can you tell me how i can preserve the fields from getting blur?
Anurag Dua (1 year ago)
Thanks alot it worked.
garnatti one (1 year ago)
Anurag Dua wrap the fields with another container. The first container will be the one you will blurred out and the other( fields container ) will be the one overlapping it( add fixed position, z-index - see video). Make sure the 2 containers were siblings( same level ).
Umar Khawar (1 year ago)
thnx brother you help me alot
Kevin Howington (1 year ago)
I like this song
XTV SPORTS (2 years ago)
Like brother

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.