As it's well known, there is no 3d support in SVG. Nowdays Scalable Vector Graphics (SVG) doesn't provide any means for 3d drawing, neither any means for 3d-transfoming 2d shapes (e.g. perspective, axes rotation etc.)
Moreover, CSS 3d transformations aren't applicable to any SVG's elements, with one exception — we may apply CSS 3d-transformations to the root SVG element itself.
About six months ago, I drew the coronavirus cartoon using Inkscape:
Cartoon no crown
Cartoon with crown
The result of manual programming:
(Webp format version Coronavirus no crown)
I drew one hand (tentacle) and made all other hands as clones with various transformations (rotation, skew, scale).. It was very inspiring, I looked forward to how I would easily animate this character!
But, my appetite was growing, and I wanted to give him a volume!
As I have written at the beginning of this article, there is no 3d support in SVG…
So I decided to mimic 3D-shading by using gradients .
The first my experience was using one gradient fill for all tentacles (because I'm lazy )!
(Webp format version Coronavirus with crown 3d, common gradient for all tentacles)
I couldn't achieve smoother junctions between the tentacles and the body. I was not satisfied, the conclusion was I need individual gradients for each tentacle!
And here we are
(Webp format version Coronavirus with crown 3d, individual gradient for each tentacle)
Maybe it's possible to do it better, but I don't want now…