Frosted Glass / iOS Blur Effect on Bootstrap Navbar

Closed Posted 7 years ago Paid on delivery
Closed Paid on delivery

You will be provided a basic Bootstrap 4 template with a fixed (sticky) navbar. The goal is to have the navbar blur everything on the page when it passes over that content. We do -not- want to blur anything on the navbar itself, just the content behind it that is found on the page as the user scrolls. This navbar is sticky and will therefore move down with the page, so the blur must be dynamic and blur everything under it dynamically.

A jQuery library is acceptable under the assumption it is required and not feasible with just CSS or HTML5. A fallback color should be specified for non-modern browsers.

Bootstrap CSS HTML5 jQuery / Prototype

Project ID: #12778497

About the project

5 proposals Remote project Active 7 years ago

5 freelancers are bidding on average $50 for this job

nour4096

Hello, I am an Expert Web Developer and Designer with 7 years of experience working on various types of websites and application that makes a great user experience giving the best impression to users and boosts the More

$20 USD in 1 day
(0 Reviews)
0.0
goodpeople

Hi, is this the kind of effect where the navbar is transparent and everything goes blur when scrolling but the menu and logo is untouched? I can do this.

$111 USD in 7 days
(0 Reviews)
0.0
$35 USD in 10 days
(0 Reviews)
0.0