html文字飞入间隔时间

html文字飞入间隔时间,第1张

通过scrolldelay属性可以设置文字滚动的时间间隔。scrolldelay的时间间隔单位是毫秒,这一时间间隔设置为滚动两步之间的时间间隔,如果时间过长,则会出现走走停停的效果。

<!doctype html>  

<html lang="en">  

<head>  

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">  

<meta name='apple-mobile-web-app-capable' content='yes' />  

<meta name="format-detection" content="telephone=no" />  

<meta http-equiv='Content-Type' content='textmlcharset=UTF-8' />  

  <style>  

/* Demo Styles */  

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,table,tbody,p,th,td{ -webkit-text-size-adjust:none margin: 0 padding: 0 border: none -webkit-tap-highlight-color:rgba(0,0,0,0) font-size: 1em font-family:"Microsoft Yahei","微软雅黑",Tahoma,Arial,Helvetica ,STHeiti color: #4c4948 }  

html,body{ min-height:100% }  

img,input,button,a,select,textarea{ margin: 0 padding: 0 resize:none border:none outline:none }   

ol,ul { list-style:none }   

h1,h2,h3,h4,h5,h6,p,em{ font-size:100% word-wrap:break-word font-weight: normal font-style: normal }  

a:active, a:focus{ outline:none }  

button::-moz-focus-inner,input::-moz-focus-inner{ padding:0 border:0 }  

table{ border-collapse:collapse border-spacing:0 }  

.clearfix:after { content: "." display: block height: 0 clear: both visibility: hidden font-size:0 }  

.clearfix{ zoom:1 }  

a{ color: #4c4948 text-decoration: none }  

  

  

.img{ width: 190px height: 120px padding: 3px border: 1px solid #ccc position: absolutez-index: 12 top: 50px left: 50%  

 margin-left: -95px }  

 /*动画名字, 动画运行的时间,alternate平滑过渡, infinite是反复执行*/  

 .imgAnimation{  

      animation-name: imgAnimation  

      animation: imgAnimation 2s alternate  

      -webkit-animation: imgAnimation 2s alternate   

      -moz-animation: imgAnimation 2s alternate infinite  

 }  

 @-webkit-keyframes imgAnimation{  

    0%{ left: -198pxtop:500px}  

    100%{ top: 50px left: 50%  

 margin-left: -95px}  

 }  

 </style>  

</head>  

<body>  

    

     <div class="img imgAnimation"> 文字飞入 </div>  

      

</body>  

</html>

1、先在PPT文件中插入两张图片。

2、选中其中一张图片,在工具栏中选择“动画”并插入“飞入”特效。

3、再点击“添加动画”按钮。

4、在d出的选项中选择“退出”中的“飞出”。

5、按同样的方法将另一张图片也添加飞入与飞出的效果。

6、选择第二张图片,在“计时”栏目下找到开始,选择为“上一动画之后”即可完成所有设置。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8313415.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存