You can track the blur of the text as it falls down behind the newly transparent boxes. This transparency effect currently only works properly on Wind

v0.1.3: Results-oriented Thinking

submited by
Style Pass
2024-05-14 09:00:02

You can track the blur of the text as it falls down behind the newly transparent boxes. This transparency effect currently only works properly on Windows due to issues with WebKit on Linux. (WebKit is the browser engine that Tauri uses for rendering apps on a native platform. I haven’t tested the transparency effects on Mac OS, but given how WebKit rendering there has been buggy in the past, it is unlikely to work on the Mac either.)

More minor changes include adding a shift left/shift right transition effect when navigating between some screens, instead of always doing a “bounce”; using an arrow icon instead of text for the chat send button, to fit in better with the Nasalization font; and separating out the settings and credits buttons to be at the bottom of the side navigation bar. That last change would’ve looked weird with the previous background animation because it would slightly pierce the illusion that the sidebar is actually directly attached to the main content.

It was a bit of a pain in the ass to get the transparency effects fully working. It worked just fine on Firefox, but on Windows, WebKit somehow has a problem with applying the background blur filter within the boundaries of the clip-path. See how the blur is applied even outside of the rounded cut corner here?

Leave a Comment