Challenge 1 - simple button with on hover effect

11 Mar

Welcome to the very first challenge!

Key things to remember:

If you’re stuck coming up with your own box shadow, you can use this website.
To achieve the hover animation, you will need to use the transition CSS property.
Don’t forget to change the cursor when hovering over the button with the cursor CSS property.

Here’s the completed challenge:

See the Pen Untitled by Kristine Kolodziejski (@powerpuffkk) on CodePen.

And here’s your sandbox - don’t forget that if you want to keep your progress, you’ll need to click on ‘Edit on Codepen’ button!

Have fun and don’t forget to tag me in your results 🔥🚀