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

Coolsite360新增css動效、圓形進度條,并且可實現自定義class功能

Coolsite360持續更新中,新增加“css動效”、增加“圓形進度條組件“與“自定義class”功能,功能多樣滿足你的需求

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

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

css動效,讓網站生“動”有趣

1.gif
效果圖


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

2.jpg


增加“圓形進度條”

3.gif


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

設置方法相同:

1.通過左邊面板添加進度條組件

4.png


2.在組件屬性設置面板中,對線條顏色、文字顏色、動畫屬性等進行配置即可。

5.png


自定義class樣式屬性


設置方法:

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

6.png


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

7.png


自定義class樣式屬性可多個元素引用,也可將自定義代碼導出簡單方便。


 


關注公眾號,獲取更多H5設計、響應式網頁設計資訊

10