Input Box For Halloween
source link: https://dev.to/takaneichinose/input-box-for-halloween-466o
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
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.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK