動畫實現

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

相關文章
相關標籤/搜索