DEV Community

loading...
Cover image for Code Cards: Image Change on Hover

Code Cards: Image Change on Hover

lynnecodes profile image Lynne ・1 min read

I have some exciting news!

Alt Text

Firstly, I hit over 100 followers on dev.to! I want to thank you so much for your support. It means so much to me that there are people out there who believe in my work. It really keeps me motivated.

Now during this past week, I have been working on putting together something really special and I am so happy to finally share my Code Cards with you! These cards are based on code that I've learned so far. I will be posting them daily via Twitter and will blog about them weekly. Each card will feature code that will vary in difficulty and my goal is to have an entire collection for reference.

Making these cards really helped me understand code a little better and I hope that it will help someone out there too. I also had a really fun time designing the look of my cards using Figma.

My first Code Card that I would like to share with you is Switching Photos on Hover with JavaScript.

Alt Text

You can see it in action here: CodePen

Let me know what you think and enjoy!

Until next time!

Alt Text

Pssst . . . Don't forget to follow me on Twitter for daily Code Cards! @freddilynne

Discussion (0)

pic
Editor guide