This content originally appeared on DEV Community and was authored by Takane Ichinose

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.

This content originally appeared on DEV Community and was authored by Takane Ichinose

Print Share Comment Cite Upload Translate Updates

APA

Takane Ichinose | Sciencx (2021-10-14T15:04:00+00:00) Input Box For Halloween. Retrieved from https://www.scien.cx/2021/10/14/input-box-for-halloween/

MLA

" » Input Box For Halloween." Takane Ichinose | Sciencx - Thursday October 14, 2021, https://www.scien.cx/2021/10/14/input-box-for-halloween/

HARVARD

Takane Ichinose | Sciencx Thursday October 14, 2021 » Input Box For Halloween., viewed ,<https://www.scien.cx/2021/10/14/input-box-for-halloween/>

VANCOUVER

Takane Ichinose | Sciencx - » Input Box For Halloween. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/10/14/input-box-for-halloween/

CHICAGO

" » Input Box For Halloween." Takane Ichinose | Sciencx - Accessed . https://www.scien.cx/2021/10/14/input-box-for-halloween/

IEEE

" » Input Box For Halloween." Takane Ichinose | Sciencx [Online]. Available: https://www.scien.cx/2021/10/14/input-box-for-halloween/. [Accessed: ]

rf:citation

» Input Box For Halloween | Takane Ichinose | Sciencx | https://www.scien.cx/2021/10/14/input-box-for-halloween/ |

Please log in to upload a file.

There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.