Input Box For Halloween

Description

Try to focus on the text box! Trust me, it won't hurt you! 😉

I can't think of any text boxes having a bad UX interface, so I made an animation of halloween themed objects instead. 😅

This is an animation of objects when the user focuses on the text box.

There are few objects will appear during animation. Below is those objects:

• Pumpkins 🎃
• Graves 🪦
• Bats 🦇
• Spider 🕷
• Manor 🏠
• Castle 🏰
• Frankenstein 🧟‍♂️

All the images are made using HTML and CSS only.

Apologize

I would like to say sorry for the repetitive codes I made especially in CSS, and JavaScript animation.

Resources

GreenSock Animation library for JavaScript. I really love this animation tool!

Creepster Font used for this.