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

13 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!

Gianni

Gianni

To validate just look up simples validation techniques for jquery. especially with bootstrap it is kinda easy. Also make sure to validate your php before the subscribe email goes off

Jayadev Senapathi

Jayadev Senapathi

It was really awesome learn this kind of stuff when you are a beginner like me. once again this was really great!!!

Amir ur Rehman

Amir ur Rehman

Just WoW!

cruxpux

cruxpux

Thank you!
super)

5x 10x 15x 20x

13 Comments

Description