Advertisement
fauzanjeg

Make Sticky Header Blurry and Transparent

Mar 31st, 2021 (edited)
208
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 0.44 KB | None | 0 0
  1. /* Make Sticky Header Blurry and Transparent */
  2. .jeg_header_sticky .jeg_stickybar {
  3.     backdrop-filter: saturate(180%) blur(20px); /* Blurry */
  4.     background: rgba(255,255,255,0.7); /* White Opacity 70% */
  5. }
  6.  
  7. /* For Mobile */
  8. .jeg_navbar_mobile {
  9.     background:unset;
  10. }
  11. .jeg_navbar_mobile .jeg_mobile_bottombar {
  12.     backdrop-filter: saturate(180%) blur(20px); /* Blurry */
  13.     background: rgba(0,0,0,0.1); /* Black Opacity 10% */
  14. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement