CSS Coffee Cup: CSS Tutorial (Day 30 of CSS3 in 30 Days)

Create a realistic CSS3-only coffee cup!

⭐️Files you need ⭐️
💻Blurry Effect Code: https://www.dropbox.com/sh/ts1g1ru6g8tsxt7/AAA2LeO-aBw_K_rP1rveuZTQa?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 30 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

And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp


This Post Has 37 Comments

  1. indieNik

    My 1st of 30 days begins today. Wish I had seen this earlier but hey, better late than never 😃

  2. ah bu

    Yeah 30 Days! How about another 30 Days! Would be really nice😁👍

  3. Bhavika Kapadia

    wow That was a great project'
    Could you please do Javascript tutorial please…..?

  4. I want to thank you for all the knowledge you have provided us through out these projects! You are doing the community a great favor!

  5. Anis Dhouieb

    great series, we'd like to have 30 days of Javascript/jquery or 30 days of other technologies

  6. Ashish Arora

    please change your title to ( Day 30 of CSS3 in 5000 days ) .

  7. TheMazarona

    Thanks for the 30 days of tutorials Brad, really enjoyed in and learned a lot 🙂

  8. Jenny Jo

    Thanks for taking the time to put all of these out, they are more valuable than I can say, learned a lot and have all of these for future real world use.

  9. Padam Rai

    Really Helpful Your Video Sir, Thank You So Much

  10. Fahad Khan

    Really Helpful Brother. I followed your series and it helped me a lot. Thanks, Brad, Thanks freeCodeCamp. Best wishes 😀 And Brad thanks for cheering me up brother. Looking forward to the Guitar Lessons by you :p

  11. Cindy Mora

    Thank you for every single video! Is good to finish and learn great ways to work!

  12. Yash Pathak

    This dude is so much fun, I almost cried when I realize this is the last video.

  13. Business Opportunity in Ruvol

    I have invented a Board Game [still unpublished and not yet out in the market] that I believe is guaranteed to be as challenging and exciting as CHESS. I called it “RUVOL.”

    It is my hope that one day Ruvol may surpass chess as the “Number One Board Game in the World.”

    The weakness of chess is it always starts in fixed positions that the opening moves become “memorizable.” In fact, not a few have so mastered the moves that they can play against their opponents “blindfolded.” It is for this very reason that the great Bobby Fischer introduced his so-called “Fischer Random Chess,” where the starting position of the pieces is “randomized” to make the memorization of openings impracticable. Fortunately, it is also for this reason that I invented Ruvol where “every game” has been calculated to be a challenging one to play.


    I detailed everything in my YouTube video. Here is the link: https://www.youtube.com/watch?v=jcqth0m3-R0


    It is worthwhile to note that the people who play chess will be the same people who will play Ruvol. In my Google search, I learned there are around 800 million chess players in the world. Even just a small percentage of these 800 million is good enough to earn big money from Ruvol either as an ONLINE GAME BUSINESS or as a PHYSICAL PRODUCT DISTRIBUTOR.

    You may contact me at: rodolfovitangcol@gmail.com.

    Thanks and God bless!

    The Ruvol Inventor

Leave a Reply