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

手机棋牌平台 dnf2018疯狂马戏团在哪 pk10软件分析 扑鱼比赛 时时彩包胆怎么玩 淘宝卖渔具赚钱吗 彩票平台起名 南方双彩网手机版下 银河棋牌娱乐 空中飞镖比赛视频 快乐时时计划软件下载 天津快乐十分app20选8 高手总结的打麻将技巧 上海快3实时更新走势图 代理棋牌游戏 欢乐斗棋牌捕鱼秘籍 筋斗云足球直播