动画实现

1. 对于背景图片的处理,position-attachment:fixed 的妙用的经典案例1: http://meyerweb.com/eric/css/edge/complexspiral/glassy.htmlcss

    fixed的意义,图片针对视窗定位,但会根据容器大小只显示能显示的部分。html

    案例1用了两个图片,body背景的清晰图,div背景的模糊图,经过设置position-attachment:fixed,使得div覆盖body的位置是模糊,显示出毛玻璃的效果。ios

   利用该属性实现视差滚屏效果:多个div设置便可,简单。经典案例2: http://www.ok-studios.de/home/web

相关文章
相关标签/搜索