Input Form Covered In Darkness

takaneichinose

Takane Ichinose

Posted on October 28, 2021

Input Form Covered In Darkness

Input Form Covered In Darkness

Description

This time, because it should be the combination of all the pens I did for this month, I tried to combine the concepts of them all.

Although I didn't include the pen as it is, I took few assets from my past pens this month, and added those here.

In addition, I really didn't want to do this, but I couldn't think anything that is a scary UI/UX, so I made it scary because of the bad UX.

The main point of this pen is the darkness. User have to find the input form to be sent.

I created the UI of checkboxes and radio buttons using HTML and CSS.

Beware of flying stones! (Though it will not hit you)

Resources

I used Creepster as the font. I think this font is so scary.

I used GreenSock as my animation library. It is really fun to use this library.

Although it is an import from my previous pen, I used Aseprite to create the asset (Just a single stone).

💖 💪 🙅 🚩
takaneichinose
Takane Ichinose

Posted on October 28, 2021

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

Input Form Covered In Darkness
codepen Input Form Covered In Darkness

October 28, 2021

Always Visible Hover Popups
codepen Always Visible Hover Popups

July 13, 2020