Blurry Effect: CSS Tutorial (Day 29 of CSS3 in 30 Days)

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=R0Z1G39plZ4


Duration: 7:54
15,064 views
248

Create a blurred depth of field effect with CSS3!

⭐️Files you need ⭐️
💻Blurry Effect Code: https://www.dropbox.com/sh/fsiac0oezw9wode/AAAazOlFVobJpNFCFBiB8g3Ia?dl=0
💻All tutorials in this series need this "_theme-styles" directory (only download once): https://www.dropbox.com/sh/890hx6ke34oovaz/AAByJ-jb-H5pWuIUx7t_GvQqa?dl=0

This video works as a stand-alone tutorial but is also day 29 of CSS3 in 30 Days. For the rest of the series, check out this playlist: https://www.youtube.com/playlist?list=PLWKjhJtqVAbl1AfjiGyYxwpdAPi5v-1OU

CSS3 in 30 Days is developed by Brad Hussey. Check out his website for more great tutorials: https://codecollege.ca/

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org



Other Videos By freeCodeCamp.org


2018-10-23Gatsby - Full Tutorial for Beginners
2018-10-19Create a Kanban Board
2018-10-18Tweet Visualization and Sentiment Analysis in Python - Full Tutorial
2018-10-17Intro to Computer Networks - Crash Course
2018-10-16Protected Routes in React using React Router
2018-10-15Building React Components (P5D101) - Live Coding with Jesse
2018-10-15HTML and CSS Tutorial - Create a Website for Beginners
2018-10-12The History of JavaScript: a timeline of programming language evolution over the past 20 years
2018-10-11Intro to Game Development with JavaScript - Full Tutorial
2018-10-10CSS Coffee Cup: CSS Tutorial (Day 30 of CSS3 in 30 Days)
2018-10-09Blurry Effect: CSS Tutorial (Day 29 of CSS3 in 30 Days)
2018-10-09JavaScript Classes Tutorial
2018-10-08Optimizing CSS: CSS Tutorial (Day 28 of CSS3 in 30 Days)
2018-10-08Creating a Progressive Web App Manifest (P5D100) - Live Coding with Jesse
2018-10-07CSS Only Dropdown Menu: CSS Tutorial (Day 27 of CSS3 in 30 Days)
2018-10-063d Layer Effect: CSS Tutorial (Day 26 of CSS3 in 30 Days)
2018-10-05Sliding Panels: CSS Tutorial (Day 25 of CSS3 in 30 Days)
2018-10-05GraphQL Server Intermediate Tutorial - Boilerplate with Typescript, PostgreSQL, and Redis
2018-10-04@supports Rule: CSS Tutorial (Day 24 of CSS3 in 30 Days)
2018-10-03Accordion: CSS Tutorial (Day 23 of CSS3 in 30 Days)
2018-10-03How To Write User Stories, Epics, & Personas - Dev Life


Tags:
css
blurry effect
css tutorial
image css
css animation
css course
css tutorial for beginners
css3
text effects
typography
css3 tutorial
css3 in 30 days
learn css
coffee
coffee with css