🎉 CodePen picked my Pen 🌟

#webdev #codepen #css #ui

My latest CodePen project, where I created a SCI FI CARD HOVER EFFECT, got picked by the CodePen team! 🎉🏆

Top comments (11)

Vidit Goel • Aug 24 '23

Congratulations on your SCI FI CARD HOVER EFFECT project being recognized by the CodePen team! 🎉🏆 That's a fantastic achievement and a testament to your creativity and coding skills.

I'm really impressed by the hover effect you've implemented – it adds a captivating futuristic touch to the cards.

I'm curious to know if there were any specific challenges you faced while developing this hover effect and how you overcame them.

Once again, congratulations on this well-deserved recognition! Looking forward to seeing more of your innovative work. Keep coding! 💪🚀

Smit Prajapati • Aug 24 '23 • Edited

Thank you so much for your kind words and support! 😊
Developing the SCI FI CARD HOVER EFFECT was a fun challenge. I started by creating the concept and design in Adobe XD to ensure everything looked just right. Once the UI design and prototype were ready and polished, I proceeded to implement it into code. If design is ready then implementation is easy.
In the development process, one interesting challenge I encountered was managing different hover time delays for when you hover over an element and when you mouse out. The timing for these two actions needed to be distinct to create the desired effect. After some experimentation, I found a straightforward solution to achieve this and maintain the interactive and futuristic feel. 🕐💡

Vidit Goel • Aug 24 '23

That was great.

Lionel♾️☁️ • Aug 24 '23

Woooow this is soooo nice. Really awesome job, hopefully I will be able to do something like this soon.

So glad for you. Please keep it up. This would look nice on a website opening up page or something like that.

Smit Prajapati • Aug 24 '23

Thank you so much 👍 I'm glad you like it and think it would be a great addition to a website opening page.
You're also doing great, keep it up.........