美文网首页Coolsite360响应式网站建设
Coolsite360实现css动效、圆形进度条, 自定义cla

Coolsite360实现css动效、圆形进度条, 自定义cla

作者: c9ad3e5022b1 | 来源:发表于2018-02-06 11:35 被阅读13次

Coolsite360持续更新中,功能多样满足各种需求:

1. 增加“css动效”

2. 增加“圆形进度条”组件

3. 增加“自定义class”(仅微信小程序)

css动效,让网站生“动”有趣

炫酷的效果

设置方法也很简单:选中页面上的元素(以列为例),打开列下DIV块的动效设置面板,选择需要的动效并设置持续时间、延迟时间以及是否重复即可。

增加“圆形进度条”

设置方法:

1.通过左边面板添加进度条组件

2.在组件属性设置面板中,对线条颜色、文字颜色、动画属性等进行配置即可。

自定义class样式属性

设置方法:

点击自定义面板中的加号新建class。输入选择器名称(例如:.class1)和自定义样式代码,点击确定按钮保存设置。

在元素的当前选择器中,输入自定义选择器名称(例如:.class1)即可。

自定义class样式属性可多个元素引用,也可将自定义代码导出简单方便 

​“创意不该受技术束缚,交互可以变得简单有趣” 

相关文章

网友评论

    本文标题:Coolsite360实现css动效、圆形进度条, 自定义cla

    本文链接:https://www.haomeiwen.com/subject/erqgzxtx.html