Translucent glass shader or material

Tags: #<Tag:0x00007f70362f1770> #<Tag:0x00007f70362f1658>

I am trying to recreate this effect https://dribbble.com/shots/14655480-3D-Glass-Black-Card
I created the animated sphere, but I don’t know how to create the translucent glass effect.
https://cables.gl/p/VLe2Rp

Is there a way to create a translucent glass material or shader?
Or is there a way to translate a div element? The glass effect can be recreated with css.

I’m almost there!
I found out how to get a html div element to rotate in 3D space.

The MatrixToCssTransoform op can be used to translate a cables transform to a css transform.

Now all I have to do is get the css background blur filter working.

The css method does not work properly in Chrome and doesn’t work at all in Firefox.

So I’m going to recreate the glass effect with a material.
Is there a way to have a material with opacity?