close

From: http://codepen.io/frank890417/pen/jrAKbO?editors=0100

-------------------------------------------------------------------------------------------------

把背景圖指定成漸層(linear-gradient)之後,
漸層開始/結束位置給一樣%數就會變色塊
將尺寸縮到小小的(5px之類的)

讓他們在背景自動重複,就會像拼馬賽克磁磚一樣,
而且可以使用background-position移動,製造不間斷的效果

Demo:  https://jsfiddle.net/Fischer/7gswaa15/

 

 

 

 

 

 

 

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Foxbrush 的頭像
    Foxbrush

    Foxbrush

    Foxbrush 發表在 痞客邦 留言(0) 人氣()