DEV Community

Cover image for 🎉 CodePen picked my Pen 🌟

🎉 CodePen picked my Pen 🌟

Smit Prajapati on August 24, 2023

My latest CodePen project, where I created a SCI FI CARD HOVER EFFECT, got picked by the CodePen team! 🎉🏆
Collapse
 
softwaresennin profile image
Lionel♾️☁️

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.

Collapse
 
smitprajapati profile image
Smit Prajapati

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.........

Collapse
 
jacksonkasi profile image
Jackson Kasi

wow!

Collapse
 
smitprajapati profile image
Smit Prajapati

Thanks !!

Collapse
 
viditgoel profile image
Vidit Goel

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! 💪🚀

Collapse
 
smitprajapati profile image
Smit Prajapati • 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. 🕐💡

Collapse
 
viditgoel profile image
Vidit Goel

That was great.

Collapse
 
dumebii profile image
Dumebi Okolo

Congratulations!!! Wow. This is so big!

Collapse
 
smitprajapati profile image
Smit Prajapati

Thanks !!!

Collapse
 
wraith profile image
Jake Lundberg

Congratulations, such an awesome accomplishment!

I love the project idea! Keep up the awesome work!

Collapse
 
smitprajapati profile image
Smit Prajapati

Thank you 🤝