最新英超积分榜排名-今日足球比赛预测比分-手机上怎么买足球-门球比赛|www.hupochang.cn

Coolsite360新增css動(dòng)效、圓形進(jìn)度條,并且可實(shí)現(xiàn)自定義class功能

Coolsite360持續(xù)更新中,新增加“css動(dòng)效”、增加“圓形進(jìn)度條組件“與“自定義class”功能,功能多樣滿足你的需求

Coolsite360持續(xù)更新中,功能多樣滿足你的需求:

1. 增加“css動(dòng)效”
2. 增加“圓形進(jìn)度條”組件
3. 增加“自定義class”(僅微信小程序)

css動(dòng)效,讓網(wǎng)站生“動(dòng)”有趣

1.gif
效果圖


設(shè)置方法也很簡(jiǎn)單:選中頁面上的元素(以列為例),打開列下DIV塊的動(dòng)效設(shè)置面板,選擇需要的動(dòng)效并設(shè)置持續(xù)時(shí)間、延遲時(shí)間以及是否重復(fù)即可。

2.jpg


增加“圓形進(jìn)度條”

3.gif


之前微信小程序上線的圓形進(jìn)度條是不是很驚喜呢,現(xiàn)在Coolsite360也可以使用啦!

設(shè)置方法相同:

1.通過左邊面板添加進(jìn)度條組件

4.png


2.在組件屬性設(shè)置面板中,對(duì)線條顏色、文字顏色、動(dòng)畫屬性等進(jìn)行配置即可。

5.png


自定義class樣式屬性


設(shè)置方法:

1.點(diǎn)擊自定義面板中的加號(hào)新建class。輸入選擇器名稱(例如:.class1)和自定義樣式代碼,點(diǎn)擊確定按鈕保存設(shè)置。

6.png


2.在元素的當(dāng)前選擇器中,輸入自定義選擇器名稱(例如:.class1)即可。

7.png


自定義class樣式屬性可多個(gè)元素引用,也可將自定義代碼導(dǎo)出簡(jiǎn)單方便。


 


關(guān)注公眾號(hào),獲取更多H5設(shè)計(jì)、響應(yīng)式網(wǎng)頁設(shè)計(jì)資訊

10