Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
烟灰好
edex-ui
提交
36237b79
E
edex-ui
项目概览
烟灰好
/
edex-ui
与 Fork 源项目一致
从无法访问的项目Fork
通知
2
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
E
edex-ui
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
未验证
提交
36237b79
编写于
12月 06, 2017
作者:
G
GitSquared
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
Improved keyboard init animation
上级
e8c1a681
变更
2
隐藏空白更改
内联
并排
Showing
2 changed file
with
14 addition
and
9 deletion
+14
-9
src/_renderer.js
src/_renderer.js
+1
-1
src/assets/css/keyboard.css
src/assets/css/keyboard.css
+13
-8
未找到文件。
src/_renderer.js
浏览文件 @
36237b79
...
...
@@ -96,7 +96,7 @@ initUI = () => {
document
.
getElementById
(
"
keyboard
"
).
setAttribute
(
"
class
"
,
"
animation_state_1 animation_state_2
"
);
setTimeout
(()
=>
{
document
.
getElementById
(
"
keyboard
"
).
setAttribute
(
"
class
"
,
""
);
},
1
5
00
);
},
1
1
00
);
},
100
);
},
50
);
},
260
);
...
...
src/assets/css/keyboard.css
浏览文件 @
36237b79
...
...
@@ -16,30 +16,31 @@ div.keyboard_row {
}
section
#keyboard
.animation_state_2
>
div
.keyboard_row
:nth-child
(
1
)
{
transition
:
width
.
5s
cubic-bezier
(
0.4
,
0
,
1
,
1
),
background
.1s
linear
.5
s
;
transition
:
width
.
7s
cubic-bezier
(
0.4
,
0
,
1
,
1
)
.2s
,
filter
.1s
linear
.8
s
;
}
section
#keyboard
.animation_state_2
>
div
.keyboard_row
:nth-child
(
2
)
{
transition
:
width
.
5s
cubic-bezier
(
0.4
,
0
,
1
,
1
)
.2s
,
background
.1s
linear
.7
s
;
transition
:
width
.
7s
cubic-bezier
(
0.4
,
0
,
1
,
1
)
.1s
,
filter
.1s
linear
.6
s
;
}
section
#keyboard
.animation_state_2
>
div
.keyboard_row
:nth-child
(
3
)
{
transition
:
width
.
5s
cubic-bezier
(
0.4
,
0
,
1
,
1
)
.4s
,
background
.1s
linear
.9
s
;
transition
:
width
.
7s
cubic-bezier
(
0.4
,
0
,
1
,
1
),
filter
.1s
linear
.5
s
;
}
section
#keyboard
.animation_state_2
>
div
.keyboard_row
:nth-child
(
4
)
{
transition
:
width
.
5s
cubic-bezier
(
0.4
,
0
,
1
,
1
)
.6s
,
background
.1s
linear
1.
1s
;
transition
:
width
.
7s
cubic-bezier
(
0.4
,
0
,
1
,
1
)
.3s
,
filter
.1s
linear
1s
;
}
section
#keyboard
.animation_state_2
>
div
.keyboard_row
:nth-child
(
5
)
{
transition
:
width
.
5s
cubic-bezier
(
0.4
,
0
,
1
,
1
)
.8s
,
background
.1s
linear
1.3
s
;
transition
:
width
.
6s
cubic-bezier
(
0.4
,
0
,
1
,
1
)
.2s
,
filter
.1s
linear
.8
s
;
}
section
#keyboard
.animation_state_1
>
*
{
background-color
:
rgba
(
190
,
230
,
193
,
1
);
filter
:
brightness
(
170%
);
width
:
0px
;
overflow
:
hidden
;
}
section
#keyboard
.animation_state_2
>
*
{
width
:
53vw
;
background-color
:
rgba
(
190
,
230
,
193
,
0
);
filter
:
brightness
(
100%
);
width
:
100vw
;
overflow
:
hidden
;
}
div
.keyboard_row
:last-child
{
...
...
@@ -123,6 +124,7 @@ div.keyboard_key > h4, div.keyboard_row > .keyboard_key:last-child > *:not(h1),
div
.keyboard_row
:not
(
:nth-child
(
4
))
:not
(
:last-child
)
>
.keyboard_key
:last-child
,
div
.keyboard_row
>
.keyboard_key
:first-child
{
width
:
90px
;
min-width
:
90px
;
}
div
.keyboard_key
#keyboard_spacebar
,
div
.keyboard_enter
{
...
...
@@ -132,6 +134,7 @@ div.keyboard_key#keyboard_spacebar, div.keyboard_enter {
div
.keyboard_row
#row_1
>
div
.keyboard_enter
{
border-bottom-right-radius
:
0px
;
width
:
105px
;
min-width
:
105px
;
}
div
.keyboard_row
#row_1
>
div
.keyboard_enter
>
h1
{
...
...
@@ -144,6 +147,7 @@ div.keyboard_row#row_2 > div.keyboard_enter {
border-top-left-radius
:
0px
;
border-top
:
2px
solid
#090b0a
;
width
:
84px
;
min-width
:
84px
;
margin-top
:
0px
;
height
:
69px
;
top
:
-4px
;
...
...
@@ -156,6 +160,7 @@ div.keyboard_row#row_2 > div.keyboard_enter:active, div.keyboard_row#row_2 > div
div
.keyboard_key
#keyboard_spacebar
{
width
:
515px
;
min-width
:
515px
;
height
:
38px
;
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录