Home  >  Article  >  Web Front-end  >  CSS3 web page fixed background visual difference effect_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:47:20989browse

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

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn