An Interest In:
Web News this Week
- March 21, 2024
- March 20, 2024
- March 19, 2024
- March 18, 2024
- March 17, 2024
- March 16, 2024
- March 15, 2024
October 14, 2021 03:04 pm GMT
Original Link: https://dev.to/takaneichinose/input-box-for-halloween-466o
Input Box For Halloween
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.
Original Link: https://dev.to/takaneichinose/input-box-for-halloween-466o
Share this article:
Tweet
View Full Article
Dev To
An online community for sharing and discovering great ideas, having debates, and making friendsMore About this Source Visit Dev To