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

16 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)

Gilly

Gilly

Can you update this for IE? Not really working there.

Naveed

Naveed

Its Really Awesome

best waterproof camera for snorkeling here

best waterproof camera for snorkeling here

However, unlike the Zx3, the kodak playsport camcorder Zx5 does not feature hdmi cable.
I am a writer where likes to produces regarding wildlife camera and nest box camera.
Olympus underwater These are to allow them
to use the camera easily and take great pictures and learn about the camera.

For much more fun the Panasonic Waterproof Camera will take
HD movies inside or outside water, doing this you can never pass up any memories.
The size and shape of an camera is a crucial factor to take into account.

5x 10x 15x 20x

16 Comments

Description