3D it!
Using CSS 3d to make every website into 3d(kind of). It is a bit buggy but you can bookmark the script to your bookmark bar and have some 3D fun on any websites by one single click!
The get offset function is not accurate, it looks weird then the div is too large but it looks alright on most of the sites.
Control
Change the parameters and see the preview of your customized 3d script:
Credit
Myself: @EdanKwan
Control Panel: dat-gui
Images: Cristiano Galbiati, Vivi Rindom, Subhadip Mukherjee, joeymc86
Web Font: Open San by Steve Matteson
Excellent work, this is the future of the web browsing
2013-05-14 06:32:33
I want to use this source code in my site . could you please provide it
2013-04-19 15:18:40
The job is cool, but i have the last IE and Mozilla installed, the animation is very choppy...
2013-04-11 15:30:52
This is demo iframe!
2013-02-27 12:02:13
I like this program.
2013-02-27 11:58:39
Can we have the source code please?? :)
2013-02-27 05:38:33
really nice
2013-02-24 08:30:00
how wil i use this technique of 3D...???
2013-02-13 08:39:58
awesome...........
2013-01-27 08:04:55
Nice work bro..
2013-01-04 04:17:46
IS sooo good ....... i like to study how to design it.......
2012-12-15 02:28:30
niceeeeeeeeeeeeeeeeeeeeeeeeeee
2012-12-13 00:35:55
awesome:D
2012-12-12 02:12:56
Hey.. Who owns this site? I wanted to know how you do this?? This is awesome.... Can you tutor me about this 3D effect website?
2012-11-25 07:33:41
The background picture is 2D. This ruins the whole 3D effect.
2012-10-25 10:15:02
amazing! feels so real :)
2012-09-04 05:45:01
wow! thank you... this is way cool. way to go, man.
2012-08-02 12:09:41
i loved this
2012-07-25 15:53:57
aaa
2012-07-22 11:45:12
Very fine!
2012-07-19 07:07:11
I love it
2012-07-18 12:25:06
briliant
2012-07-03 22:33:12
Заебца
2012-06-27 02:54:56
When will you add 3dit as repo on github with the full sourcecode?
2012-06-27 02:10:07
very good
2012-06-24 08:58:30
i loved
2012-06-21 14:23:43
So Edan :D
2012-06-07 14:38:13
Hey, this is great! But why the tease and no code sharing? :) Would definitely love to see this released publicly! Pretty please? :P
2012-05-24 13:06:15
Maybe
2012-05-24 04:12:17
Fantastic!!!
2012-05-21 09:10:42
How do I add it to my site
2012-05-15 14:46:56
Nice!.. Different concept from itilt plugin but will probably become more popular. Note: Looks better on Chrome like ppl already commented. But noticed that lightboxes dont always work properly with it, but are likely to work better on FF than on Chrome.
2012-05-14 10:43:49
What if I want to make a particular website look 3D to any visitor? Do you have code for that?
2012-05-14 10:10:24
Magnificent. Congratulations.
2012-05-14 08:20:17
fantastic!
2012-05-13 10:43:32
I like this effect. thanks for the update
2012-05-12 21:23:31
Really nice work!
2012-05-11 11:17:12
superb!!!!
2012-05-11 10:18:46
AMAZING <3
2012-05-09 20:49:43
AMAZING <3
2012-05-09 20:49:22
OK ddadas
2012-05-09 17:11:24
such cool stuff!
2012-05-08 02:44:32
Amazing! thx!
2012-05-04 05:52:48
This is amazing, well done Edan!
2012-05-04 03:42:25
Wow Amazing !!! But,is it work on facebook timeline ???
2012-05-03 12:29:22
vey nice
2012-05-02 23:43:31
Very cool and captivating use of the technology to present information in a completely different way than expected.
2012-05-02 07:27:00
wooooooooooow very nice! superb!!!!!!!!!!!
2012-05-02 04:54:50
While changing the maxElems - it give a little jitter.. as you already said, it is under improvement. Very Cool Stuff! Overall
2012-05-02 01:56:56
Super...Super...
2012-05-01 22:18:19
if you remember me we never meet or conversation but i do follow your work all the time. Amazing and thank you.
2012-05-01 21:21:20
neat. well done man^^
2012-05-01 17:00:13
zbiornik
2012-05-01 12:09:17
nice
2012-05-01 11:43:27
nice
2012-05-01 11:42:21
very cool
2012-04-30 14:09:44
very cool
2012-04-30 14:09:08
cool
2012-04-30 14:07:38
Nice work!
2012-04-28 14:51:31
Nice
2012-04-28 08:45:55
Sweet!
2012-04-27 14:32:39
holy shit!! amazing
2012-04-27 13:05:13
Not good. Horrible WP site
2012-04-27 10:45:31
This is friggin entertaining to use and share!!
2012-04-27 08:41:03
How cool is this! Brilliant idea!
2012-04-27 08:24:51
Impressive. Most impressive.
2012-04-27 07:43:46
Works great in chrome, but not in FF12.
2012-04-27 07:20:19
AAAsum Work... use full for future works.
2012-04-27 06:57:07
Pretty awesome, looking forward to seeing this as a standard, not a high-end thingy. :)
2012-04-27 05:47:33
its super... flash in danger???
2012-04-27 05:01:56
GREAT!
2012-04-27 04:51:50
great work :)
2012-04-27 04:42:17
Hello, Can we put this code directly in our website?
2012-04-27 04:39:10
wow.. great work chum :)
2012-04-27 04:38:41
Awesome... Very nice work
2012-04-27 04:38:03
Really good work :) we hope u continue it :)
2012-04-27 03:59:41
good job. gratz.
2012-04-27 01:21:14
nice job!!!!!!!!!!!!!
2012-04-27 00:09:58
trwer
2012-04-26 23:45:47
cool. you should make an addon. i would lyk to put this on my website. i love it
2012-04-26 23:07:53
rocking good.
2012-04-26 19:55:42
Really nice . Wont work on flash tho
2012-04-26 19:39:51
Amazing! I was trying to get something similar to this working for one of my projects, but never managed to get it working like this. AWESOME JOB Are you interested in working on a project like this?
2012-04-26 18:29:45
Very nice
2012-04-26 17:45:50
This a brilliant approach to web design!
2012-04-26 16:02:02
Really nice idea
2012-04-26 15:49:47
I dare you to click in a menu item.
2012-04-26 15:26:59
Quew buen trabajo y muy diferente casi unico,
2012-04-26 12:58:07
If it looks chunky in Firefox, try it in Chrome. Looks fantastic.
2012-04-26 12:53:57
Nice!
2012-04-26 12:43:54
this is adorable! Thanks!
2012-04-26 12:40:42
Next: Need an easy way to transform links to sites to include this script. Could have lots of fun with unsuspecting users ;)
2012-04-26 12:40:12
kick ass!
2012-04-26 12:39:28
This is amazing
2012-04-26 10:43:13
bright future
2012-04-26 10:21:37
i like turtles
2012-04-26 07:13:30
burner!
2012-04-26 06:39:49
Good stuff!
2012-04-26 05:25:48
Wow! Great work!.. Thanks!!
2012-04-26 04:38:51
Nice
2012-04-26 04:36:59
powerful CSS3! awesome!
2012-04-26 03:37:08
This is VERY kewl!!
2012-04-26 03:25:42
Finally, Johnny Mnemonic
2012-04-25 12:55:12
Awesum Work..! Keep this up!! M enjoying this stuff!
2012-04-24 13:50:22
hi - my name is Jeff
2012-04-24 12:41:28
Very cool indeed.
2012-04-24 10:37:15
SWEEET!
2012-04-10 11:24:32
nice job
2012-04-10 10:49:20