Doing it with style
Continuing with the 3D demonstrations, this one shows how to produce a realistic looking 3D sphere without it being 3D.
The eyeball is just a flat face with radial gradient shading with the iris and pupil being circles on a 3D transform animation.
The highlights are just overlays on the eyeball.
Safari does not yet support animation on pseudo-elements.
Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.
Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.