frosted-panel

13 ms·

1.
Fix Twitch.tv CSS Monstrosity(github.com)
1 points by frosted-panel 7y ago|0 comments
2.
by frosted-panel 7y ago
Confirmed to be working in Firefox Focus. The panel was located in a bad place for demonstrating the blur effect on smaller screens because there was just blue sky with nothing else going on, therefore I have changed the height dimension to
3.
by frosted-panel 7y ago
For the most part it is fine, apart from the "auto auto" breakpoint. edit: Demo is changed slightly on smaller screens to better demonstrate the blur.
4.
by frosted-panel 7y ago
All of the libraries I have seen seem to just be jquery libraries that apply a blur CSS effect to DOM elements. This is NOT supported very well accross different browsers. Frosted Panel is a cross browser solution which allows you to have a
5.
by frosted-panel 7y ago
I should probably follow the spec, but I think having "data-" prepended to every custom attribute on the frosted-panel div will take up unnecessary space. Why support IE you ask? Why not? Some clients force their devs to support l
6.
by frosted-panel 7y ago
Updated, please try the demo now: https://cryptodescriptor.github.io/frosted-panel
7.
by frosted-panel 7y ago
Only if you wanted the whole page blurred, in this instance we want only a small part of the background image blurred, so we have to do all sorts of fancy panning and zooming to the SVG image so we can mimic the movement of the actual backg
8.
by frosted-panel 7y ago
Safari should now be working in all versions that support flexbox and svg images with filters! Please read the new reply I made to this thread for more information.
9.
by frosted-panel 7y ago
As of yet, the browser support for this is very shoddy. Not to mention outdated/legacy browsers like IE.
10.
by frosted-panel 7y ago
As of BETA_v1.6 is should be working in most Safari versions, excluding the very old one's that don't support SVG or flexbox! I do not know about Firefox focus, but I have changed a few things that I think could have made it work
11.
by frosted-panel 7y ago
Frosted Panel is a cross-browser compatible library written in pure Javascript to achieve a responsive "Frosted Glass" effect.
12.
Frosted Glass/Panel Effect, Cross Browser Solution, Vanilla JavaScript and CSS(github.com)
48 points by frosted-panel 7y ago|22 comments