CSS Battle - #48 Wash Your Hands

Channel:
United States Web Dev Cody
Subscribers:
254,000
Published on ● Video Link: https://www.youtube.com/watch?v=dX0POGzBH3Q


Duration: 8:43
1,108 views
48

Doing another CSS Battle, Target #48 Wash Your Hands. This is a simple one to learn some basics about css and is fun to work on.

00:00 Wash Your Hands
00:25 What is CSS Battle
00:52 Quick Overview
01:15 How to make the red rectangle?
02:00 Changing the Background
02:30 Change Soap Color
02:38 Center the Soap
03:37 Adding Shadow to Soap
04:20 Adding the Center Dip
05:30 Position the Dip
06:37 All Done
07:15 What did we learn?

Music: Makzo - Hereafter https://chll.to/a0104b66

------------

🔔 Newsletter http://eepurl.com/hnderP

🤓 ES6 Udemy Course https://tinyurl.com/yxdvf2zl

🐦 Twitter https://twitter.com/CodyLSeibert

💬 Discord https://discord.gg/4kGbBaa

📁. GitHub https://github.com/codyseibert/youtube



Other Videos By Web Dev Cody


2021-02-06Live coding a solar system using HTML, CSS, JavaScript
2021-02-05I finally used a javascript proxy at work
2021-02-04I bet you can't type faster than me on CodeRacer (as a javascript programmer)
2021-02-03CSS Battle - #16 Eye of the Tiger
2021-02-02Check out this awesome 3d ring I made 6 years ago
2021-01-31CSS Battle - #61 ImprovMX
2021-01-30CSS Battle - #19 Cube
2021-01-29CSS Battle - #5 Acid Rain
2021-01-28CSS Battle - #34 Christmas Tree
2021-01-27Trying to Learn Neumorphism Design - Building a Login Form
2021-01-25CSS Battle - #48 Wash Your Hands
2021-01-23CSS Battle - #47 Corona Virus
2021-01-22Drag and Drop inside the Vue Tree Browser
2021-01-21Stopwatch Timer Tutorial using Svelte and TailwindCSS
2021-01-18Building a Pricing Page using TailwindCSS Tutorial
2021-01-17Building a Pricing Page using TailwindCSS (timelapse)
2021-01-15I tried using TailwindCSS for the first time and it is...
2021-01-10CSS Battle #44 Stripes
2021-01-06CSS Battle #62 Sunset
2021-01-04How to Upload to a Private S3 Bucket from the Browser
2021-01-03Trying out Contentful, a Headless CMS


Tags:
web development
programming
coding
code
learn to code
tutorial
software engineering
css battle
cssbattle
css art
artwork in css
html
css tutorial
css challenges
html5
box shadow
absolute position
relative position
top
bottom
border radius
rounded rectangle
css box shadow
css3
css battles