How to make beautiful frosted glass elements in Webflow!

Поділитися
Вставка
  • Опубліковано 12 гру 2024

КОМЕНТАРІ • 31

  • @om14796
    @om14796 4 роки тому +1

    Thankyou so much brother! This was nowhere to be found on the internet, been searching for weeks! Subscribed.

  • @desmondjay3759
    @desmondjay3759 3 роки тому

    Thank You Bratha. the only tutorial that actually worked.

  • @hiranga
    @hiranga 5 років тому

    This was incredibly useful! The only youtube I've found (of many) to solve this website coding mystery! THANK YOU.

    • @anansicreative4068
      @anansicreative4068  5 років тому +1

      You're welcome! This comment made my day!

    • @hiranga
      @hiranga 5 років тому

      @@anansicreative4068 no problem - I hope more find your channel! Great stuff - keep it up!

  • @mindtheart
    @mindtheart 4 роки тому

    A much deserved thank you for sharing such a clear and straight to the point tutorial; the structure and the narration are simply impeccable. Keep up the good work!

  • @TomYakov
    @TomYakov 4 роки тому

    Work like MAGIC

  • @ziggerwebdesign1704
    @ziggerwebdesign1704 3 роки тому

    Fantastic, respect!

  • @emotran
    @emotran 4 роки тому

    Sweet! thanks so much for sharing!

  • @crydamoureth
    @crydamoureth 4 роки тому

    Thanks you so much i was searching this for days. Love from france

  • @chirantanx
    @chirantanx 3 роки тому

    You're the best!!!!

  • @Prakhart4
    @Prakhart4 4 роки тому

    Exactly what I was looking for... thanks a lot.

  • @lovenevaeh3445
    @lovenevaeh3445 3 роки тому

    I absolutely love this navbar design! Is there a way I can clone it?

  • @taishibikiqe8796
    @taishibikiqe8796 3 роки тому +1

    To use this on all pages, make the navbar a symbol and place the the code in an embed inside the symbol

    • @crchizmar
      @crchizmar 3 роки тому +1

      Thank you for this! This is how I got the blur effect to work

  • @atticustay1
    @atticustay1 4 роки тому

    Is there a way to use this in combination with a nav bar that moves up when you scroll down (which requires position fixed). When I add this code to my nav bar it works except that there is a little sliver of the top of the nav which isn't blurred and it makes it look like the nav bar isn't quite touching the top of the view port. Thanks!
    Edit: I found out what was causing the problem. It was the drop shadow I have on the nav bar.

  • @SuperQuwertz
    @SuperQuwertz 4 роки тому

    Nice one. Thank you!

  • @mustafaedward5531
    @mustafaedward5531 3 роки тому

    Great solution however it doesn't work on Firefox :( The best solution I have found so far.Thanks!

  • @babusgabriel
    @babusgabriel 5 років тому

    Thanks for the tip!

  • @edwinconde5959
    @edwinconde5959 4 роки тому

    Im having some trouble. i don't get a frosted effect, rather i get a solid light grey color. Any idea what i may be doing wrong?

  • @Lortsaf
    @Lortsaf 3 роки тому

    Is there now way to do this from webflow

  • @sw23ae
    @sw23ae 3 роки тому

    Nice music what it called?

  • @hiredgoons9778
    @hiredgoons9778 3 роки тому

    I've managed to get this effect to work on the home page of my site, but no other pages work. Any ideas?

    • @wannathisone6770
      @wannathisone6770 3 роки тому

      I think you also need to add this css code to every page that uses blur effect

  • @mehmetakifsar8737
    @mehmetakifsar8737 2 роки тому

    We don't need that anymore just add a backdrop filter