/css/ - CSS Masters

trying to nail that liquid glass vibe by scaling the background is a nightmare when you have unpredictable

background-position

values. i found that offsetting the layer manually works, but it basically breaks if the container isn't a fixed size. it's way easier to just use a pseudo-element with a transform scale . does anyone have a cleaner way to handle this for arbitrary layouts?

found this here: https://blog.master.dev/background-image-refraction-in-css/