Hi there,
This can be done in HTML5/CSS3 using CSS3
animation
,
keyframes
and
3dtransform
and will work in all browsers except IE9/lower and Opera. Alternatively, you can do it using just CSS3
3dtransform
and JavaScript and that will work in all browsers except IE9/lower and Opera. Your final option is to try and use SVG or Canvas and JavaScript and detect mouse clicks to create a 3D rotating image that can be clicked on as though it were a button. I do not recommend this last option.
All of the info for doing all of this (including an understanding of programming JavaScript) can be found on
www.w3schools.com[
^]. Please see their HTML5, CSS3 and JavaScript tutorials/complete references/complete examples (for everything!). You could easily have looked all this up on the internet without asking a question if you just searched a little bit - a search for "HTML 3d" puts this page (the most important one that yuo need) just second in the list:
W3Schools CSS3 3D Transforms[
^]. I am surprised you managed to create something that worked only in IE...was it a Java plugin? If so, that nulls my surprise. Java plugins are not necessary. HTML5/CSS3/Javascript can do this for you provided you don't mind it not working in IE9/lower and Opera. IE10 does support this. Coming versions of Opera will support it.
Hope this helps,
Ed