【新特性速递】CSS3动画增强

FineUIPro/Mvc/Core的下个版本(v6.1.0),我们对多个地方的CSS3动画进行了增强,使得用户体验更好。

1. 树控件启用EnableSingleExpand时,使得展开动画和折叠其他节点动画同步进行

FineUIPro/Mvc/Core v6.0.0:

FineUIPro/Mvc/Core v6.1.0:

2. 为树表格的节点展开折叠增加动画效果

FineUIPro/Mvc/Core v6.0.0:

FineUIPro/Mvc/Core v6.1.0:

3. 为表格的行扩展列的展开折叠增加动画效果

FineUIPro/Mvc/Core v6.0.0:

FineUIPro/Mvc/Core v6.1.0:

4. 为手风琴面板的展开折叠增加动画效果

FineUIPro/Mvc/Core v6.0.0:

FineUIPro/Mvc/Core v6.1.0:

官网示例已更新,请自行查阅:https://pro.fineui.com/

现在加入【三石和他的朋友们】星球,下载FineUIPro/Mvc/Core(基础版):https://fineui.com/fans/

原文地址:https://www.cnblogs.com/sanshi/p/12000163.html

时间: 2024-10-17 06:44:30

【新特性速递】CSS3动画增强的相关文章

FineUIMvc新特性速递(大间距模式,隐藏菜单垂直滚动条)

即将发布的 FineUIMvc 新版本会引入两个重要的特性,用来提升用户体验,现在就来先睹为快吧: 大间距模式 我们已经支持的显示模式有:紧凑模式,普通模式,大字体模式. 紧凑模式: 普通模式: 大字体模式(一般适用于移动端显示,iOS,Android): 大间距模式(FineUIMvc v1.3.0新增显示模式): 可见,大间距模式和大字体模式类似,但是文字大小还是默认的 13px,而不是大字体模式的 16px. 这个新增的模式对那些显示内容不多的客户非常受用,当然也适合于密集恐惧症患者~_~

【新特性速递】新增复选框开关样式

FineUIPro/Mvc/Core的下个版本(v6.1.0),我们对复选框进行了增强,通过一个属性启用开关样式. 先来看下示例效果,浅色主题(Pure Black): 深色主题(Dark Hive): 在这个更新中,我们为CheckBox控件新增了如下 4 个属性: DisplayType:复选框的显示类型(可选项为:default, switch) ShowSwitchText:是否显示开关类型的文本 SwitchOnText:选中状态的显示文本(一般不需要设置,在语言资源里定义) Swit

【新特性速递】为FineUICore新增ContentPanel和Content标签!

FineUICore的下个版本(v6.3.0),我们会新增 ContentPanel 和 Content 标签,注意这个更新仅是 TagHelpers ,也即是只有 FineUICore.Examples.RazorPages 示例项目会有更新. 在 FineUICore v6.2.0 之前的版本中,我们在这样嵌入 HTML 标签的: <div id="content1"> <a href="http://tech.163.com/special/jobsd

【新特性速递】树表格结构由单层 TR 改为 TR-TD-TABLE 层级嵌套!

由于历史原因,在之前实现树表格时,我们有点偷懒,本来应该是层级嵌套的树结构,被我们硬生生的拉平了,请看: 可以看到,basic目录的子节点和basic是在同一级别的,因为此目录尚未展开,所以这些子节点被标识为隐藏(f-hidden). 这样做的好处,就是处理方便,因为可以沿用之前表格的一套逻辑代码. 但终究是不够优雅,而且遇到子节点比较多的情况,折叠展开就是显示隐藏一大堆节点,怎么都给人很low的感觉. 这不,我们一直惦记着这个事情,来看下下个版本(v5.6.0)的树表格DOM结构: 可以看出,

【新特性速递】复选框图标大小和焦点样式优化

FineUIPro/Mvc/Core的下个版本(v6.1.0),我们对复选框和单选框的默认图标大小和焦点样式进行了优化,使其更加大气和现代化. FineUI一直以工匠精神自居,对细节的雕琢精益求精,从FineUI自2008年以来130多个版本,FineUIPro自2014年以来30多个版本就可明了我们的那份执着,坚守和责任. 今天介绍的这个更新可以说微乎其微,很多用户可能根本感觉不到,不过对产品的整体效果提升还是有所裨益的,具体来说: 默认复选框尺寸由13px*13px,升级到14px*14px

Atitit.编程语言新特性&#160;通过类库框架模式增强&#160;提升草案&#160;v3&#160;q27

Atitit.编程语言新特性 通过类库框架模式增强 提升草案 v3 q27 1. 修改历史2 2. 适用语言::几乎所有编程语言.语言提升的三个渠道::语法,类库,框架,ide2 2.1. 单根继承 vs  多跟继承3 2.2. 默认参数3 2.3. 等号判断相等,儿不是equ3 2.4. 隐式类型,类型推导3 2.5. 匿名类型3 2.6. 初始化器  对象初始化器 与 集合初始化器 { }4 2.7. 委托4 2.8. 内置委托 Func / Action 4 2.9. 标准查询运算符 St

Oracle12c 新特性之三——管理功能的增强

1.    数据文件在线重命名和迁移 不想先前的版本,在Oracle12cR1中,数据文件的迁移或重命名不再要求一系列的步骤,例如:将表空间至于只读模式,然后数据文件逻辑等操作.在12cR1中,数据文件能通过SQL语句"ALTERDATABASE MOVE DATAFILE"很容易的在线完成.在移动数据文件的过程中,用户可以执行查询,DML和DDL任务.另外,数据文件能在存储间迁移,例如:从非ASM到ASM,反之亦然. 1.1.   重命名数据文件: SQL> ALTER DAT

11g新特性-dba_users安全性的一些增强

1.dba_user表的password(除了GLOBAL和EXTERNAL的密码)不再保存密码. 查询10g的dba_user表 SQL> select username,password from dba_users; USERNAME PASSWORD ------------------------- ------------------------------ SYS 4CCF4A082AD3F312 SYSTEM 34F99ED804364129 GP BA5BE92FE6F36B6

CSS3与页面布局学习总结(六)——CSS3新特性(阴影、动画、渐变、变形、伪元素等)

目录 一.阴影 1.1.文字阴影 1.2.盒子阴影 二.背景 2.1.背景图像尺寸 2.2.背景图像显示的原点 三.伪元素 3.1.before 3.2.after 3.3.清除浮动 四.圆角与边框 4.1.border-radius 圆角 4.2.边框图片border-image 五.变形 transform 5.1.rotate()2D旋转 5.2.设置原点 transform-origin 5.3.平移 translate() 5.4.缩放 scale 5.5.斜切扭曲skew 六.渐变