html,body {
overflow:hidden;
}
h3 {
padding-top:50px;
text-align:center;
}
h3 span {
display:inline-block;
animation:demo 5s linear infinite;
margin:0 5px;
font-weight:bold;
font-size:32px;
}
@keyframes demo {
0% {
opacity:1;
transform:translateY(0px);
}
25% {
opacity:0.3;
transform:translateY(-20px);
}
50% {
opacity:0.7;
transform:translateY(0px);
}
75% {
opacity:0.3;
transform:translateY(20px);
}
100% {
opacity:1;
transform:translateY(0px);
}
}/*以上代码皆可删除*/更新时间:2019-08-18 11:19:32
flyfont(textarr[可选参数],colorarr[可选参数],fontsize[可选参数],duration[可选参数],flyheight[可选参数]);
textarr(参数一):数组类型,设置上浮内容
colorarr(参数二):数组类型,设置上浮内容的颜色
fontsize(参数三):数值(单位/px),设置上浮的字体大小,默认18px
duration(参数四):数值(单位/毫秒),设置上浮的时长,默认1000毫秒
flyheight(参数五):数值(单位/px),设置上浮的高度,默认200px
以上参数都可不填写,选择默认:flyfont();
填写参数时位置必须一一对应,例:
flyfont(['h','e','l','l','o'],['red','green','blue'],"10px",2000,300);
或
flyfont(['h','e','l','l','o'],['red','green','blue'],'30px');