CSS3 web page fixed background visual difference effect_html/css_WEB-ITnose

This is a very practical CSS3 web page fixed background visual difference special effects plug-in. This fixed background special effect can fix certain elements in the page, and can modify the visual effects of these elements when the page is scrolled, thereby creating a special effect with scrolling visual difference.

The fixed background visual difference effects are all done using CSS3, and the jQuery code is only used to manage the events of the up and down navigation buttons. This effect is mainly achieved using the background-attachment property of CSS. In the example, a picture of a mobile phone is used as a fixed position element. When the page scrolls, all page elements except it scroll. The trick to this effect is to use identically sized images in different colors and pin them to the same location on the page.

Online demo: http://www.htmleaf.com/Demo/201503261580.html

Download address: http://www.htmleaf. com/jQuery/shijuecha/201503261579.html