载入中...

H5 结束预览

时间轴s

无
状态1
状态2
状态3

正常
按下
获取焦点时

元素ID

状态:

normal
hover
focus
active

元素属性

catchtap

cssval

显示类型(display)

block
inline-block
inline
flex
table
table-cell
none
default

Flex Layout

反向布局

包含子节点

　左:

px
%
rem
100%
0
重置

上:

px
%
rem
100%
0
重置

　右:

px
%
rem
100%
0
重置

下:

px
%
rem
100%
0
重置

　宽:

px
%
rem
auto
100%
0
重置

高:

px
%
rem
auto
100%
0
重置

最小:

px
%
rem
auto
0

最小:

px
%
rem
auto
0

最大:

px
%
rem
auto
0

最大:

px
%
rem
auto
0

浮动:

none
left
right
default

计算:

border-box
content-box
default

溢出:

visible
hidden
scroll
auto
default

定位:

static
relative
absolute
fixed
default

鼠标:

auto
pointer
crosshair
move
text
wait
help
default

文字设置

normal
bold
bolder
lighter

px
em
rem

8px
10px
12px
14px
16px
18px
20px
24px
32px
48px
64px

em
px
rem
%
auto

px

px

背景颜色

背景图片网址：

图片尺寸:

自动
包含
覆盖
自定义

宽度X:

px
%
auto
100%

高度Y:

px
%
auto
100%

偏移X:

px
%
auto
center

偏移Y:

px
%
auto
center

背景色:

铺设:

固定:

边框

类型:

宽度:

px

颜色:

样式:

半径:

px
%

艺术字

无特效阴影渐变纹理描边霓虹浮雕

浮雕

浮雕

抖音

文字描边,立体

宽度X:

px

颜色X:

文字X:

文字纹理

文字阴影

距离X:

px
%

角度Y:

大小X:

px
%

颜色1:

文字渐变

方向X:

左至右
上至下
右至左
下至上
左上至右下
右上至左下
自定义

角度Y:

颜色1:

颜色2:

颜色3:

颜色4:

颜色5:

高级选项

启用文字浮雕效果

启用文字霓虹光效果

颜色1:

变换

透明度:

100

旋转:

0

比例:

1

位移:

0

px
%

0

px
%

滤镜效果

虚化:

0

饱和:

1

色调:

0

亮度:

1

对比:

1

Box阴影

类型:

颜色:

角度:

0

距离:

0

模糊:

0

尺寸:

0

文本阴影

颜色:

角度:

0

距离:

0

模糊:

0

点击添加自定义样式:

主色

辅色

h1

h2

h3

正文

容器宽度

动画

初始隐藏结束后隐藏

飞入
飞出
淡入
淡出
放大出现
缩小消失
旋转
旋转
透明度
缩放
倾斜

时间轴(body)

页面信息

名称

文件名

.html

标题

关键字

包含文件

自定义字体

私有库

上外边距:

px
%
rem
auto
0

动画类型:

飞入
飞出
弹出
淡入
淡出
放大出现
缩小消失
旋转
倾斜

动画名:

延迟:

持续时间:

出现方式:

接上一个
同时

重复:

不重复
重复

特效:

linear
ease
ease-in
ease-in-out
ease-out

方向:

上
左
下
右

距离:

屏幕外
值

距离值:

方向:

Z
X
Y

起始角度:

结束角度:

透明度:

初始比例:

结束比例:

初始角度:

结束角度:

动画开始时

动画结束后

播放结束返回开头

等待触发

字体名称:

字体路径:

属性名称:

添加自定义属性如 tabindex

信息

自定义颜色

常用

透明度: