WATER BOTTLE

Author:

  • Jon Kantner
  • January 20, 2021

Made with:

  • HTML / CSS

About the code:

This is a simple water bottle template. Just some fun with backdrop-filter on a pure CSS cold water bottle. Thirsty yet? For some Firefox support, set layout.css.backdrop-filter.enabled and gfx.webrender.all to true in about:config, then restart the browser. However, the bottle may still not appear as expected.

Compatible browsers: Chrome, Edge, Opera, Safari

Responsive: Yes

Dependencies:

Download Demo and Code