Single input 3D form

View code Play Walkthrough

Description

A simple 3D form concept where different faces act as different parts of the form. The default state looks like a flat button which surprises the user by rotating to show the next face which is the text input.

On submission the user sees a pulsating loader and finally the thankyou message on completion. This thankyou message face could also be used to show validation errors.

This concept can be further enhanced to have multiple inputs as different faces of the cuboids being manipulated dynamically using JS.

Add New Comment

9 Comments

(close)
Mike Manfrin

Mike Manfrin

Pretty awesome the things you can do with keyframes and transforms. Really, really cool.

Jack

Jack

Very nice!!!

Alex Wilson

Alex Wilson

Impressed how easy we now can do that awesome things!

Amit

Amit

Good One, the effects are awesome

Dinesh

Dinesh

Really good to see. But one thing validation will not happen. When we give without email id also it should take. Remaining awesome……

Nick

Nick

Awesome stuff as always!! THX a bunch!! ;-)

yannis

yannis

Hey, thanks a ton! This will help me in my next project!

5x 10x 15x 20x

9 Comments

Description