How can I make a background image of a web page blur out gradually when scrolling down the page?
-
Note the background image is simply one picture, not a link! I'm a beginner programmer. Not sure what language I should use in this circumstance. I've just learned basic html, css, php and a small portion of java script. It'd be very helpful if you can let me know the specific code I need to realize this function as I'm thinking to make some change using this to my web site. I'd definitely take some time to study the code to learn something later on. It's certainly helpful as well if you just tell me what language can be used to make it happen. Thanks a lot!
-
Answer:
Ask you question on http://Stackoverflow.com
Caspar Wrede at Quora Visit the source
Other answers
Don't want to spoil the fun giving away the code. An example CSS for full screen background and using the Jquery scroll events can be found at http://icscreative.com/essential-css-javascript-html-snippets-for-frontend-developers/. You can simply toggle the pre blurred image on scroll event or you can use a js library (eg. http://www.pixastic.com/lib/docs/actions/blur/ ) to blur image on scroll event.
Pushparaj Adigopula
use skrollr.js library which can perform all the css tricks depending on your scrolling motion
Sai Kiran Anagani
Related Q & A:
- How can I make a dynamic web page in PHP?Best solution by Yahoo! Answers
- How can I make a page my home page?Best solution by Yahoo! Answers
- How can I make a myspace comment into a picture caption?Best solution by Yahoo! Answers
- How can I make a phone call to a cruise ship?Best solution by traveltips.usatoday.com
- How can I make a good clay for a school project?Best solution by answers.yahoo.com
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.