Warp image into a circle / arc with css
css
Solution
No, this is not possible yet because only linear transformations are supported by CSS.
However, the answer to this similar question has an example using experimental filters from Adobe to create a sucking effect: How to use CSS 3d matrix to create a curved deformation effect
Problem
Is there a reliable CSS way to warp/deform a rectangular image into a circle or arc? I know how to stretch and so on, but applying a shape deform seems to be impossible. Is this right..? Maybe an SVG transform..? Ideally, it would be a transform that is transitionable. - not talking about using border radius to simulate flat shapes, but actual deform of an image.