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');