CSS 3D Custom Filters
Bend Filter

Click to bend the card

{filter: custom(url(../shaders/bend.vs) mix(url(../shaders/passthrough.fs) multiply source-atop), 32 32, cameraPosition 0 0 2.33, lightPosition 0 0 1, bendAmount .6, transform translate3d(0,0,0));}

This element

is bent along an edge.

Cylinder Filter

Click to wrap the card on a cylinder

{filter: custom(url(../shaders/cylinder.vs) mix(url(../shaders/passthrough.fs) multiply source-atop), 36 2, amount 0, radius 0.5, transform rotateY(0deg) rotateX(0deg));}

This element

is wrapped on a cylinder.