HTML - how to rotate back and forth, like a radar towards your and away from you 2.5D
I have a requirement, that needs to rotate an image with some realistic sense - on a skewed horizontal plane with eye level, imagine a spinning flying disc or helicopter blades.
By that I mean, (not a flat rotation like a spinner) but something that gets bigger when it its facing your disappears as it spins back - on a skewed horizontal plane with eye level.
objective is to get a realistic look with an icon or an image, where it looks like its rotating in 2.5D with HTML
- Can this done with HTML5 simply, with out a canvas.
- Can you share an example with either canvas or straight HTML5 trickery
You can do this in CSS3 using a 3D transform:
And on the container:
Experiment with the exact values to get the effect you want.