CSS3網頁固定背景視覺差特效

2021-06-29 09:50:19 字數 356 閱讀 8469

這是一款非常實用的

css3網頁固定背景

視覺差特效外掛程式。該固定背景特效可以在頁面中固定某些元素,在頁面滾動的時候可以修改這些元素的視覺效果,從而製作出一種滾動視覺差的特效。

該固定背景視覺差特效的效果都是使用css3來完成的,jquery**只是用於管理上下導航按鈕的事件。該效果主要使用css的background-attachment屬性來實現。在例子中,使用一幅手機的作為固定位置元素,在頁面滾動時,除了它所有的頁面元素都在滾動。這個效果的小技巧是使用不同顏色的尺寸相同的,將它們固定在頁面的相同位置上。

css3 動態背景

動態背景 利用多層背景的交替淡入淡出,實現一種背景在不停變換的效果,先看圖。效果圖 demo位址 步驟 1.利用css的radial gradient建立乙個映象漸變的背景。其中的80 20 為漸變中心的x,y位置。具體的radial gradient用法可以參見這裡 2.重複第一步建立4個擁有不同...

CSS3邊框背景

邊框背景 border image 邊框背景主要是用來給元素邊框新增背景影象,本質是用一張來修飾邊框背景,看下圖效果 用左邊來完成右邊的效果 先看一下邊框背景的引數 border image image boeder width 引數可寫1 4個 填充方式 stretch repeat round ...

CSS3背景屬性

background是乙個使用率很高的屬性,也是乙個非常有用的屬性。背景主要包括5個基本屬性 background color 背景顏色 background image 背景 background repeat 背景展示方式 background attachment 背景是固定還是滾動 back...