倒计时效果
- 格式:ppt
- 大小:13.00 KB
- 文档页数:5


js实现精确到毫秒的倒计时效果
本⽂实例为⼤家分享了精确到毫秒的倒计时效果,供⼤家参考,具体内容如下
更多关于倒计时的⽂章请查看专题:
以上就是本⽂的全部内容,希望对⼤家的学习有所帮助,也希望⼤家多多⽀持。
CSS3实现倒计时效果实现效果
实现代码
html
0
5
4
3
2
1
0
0
9
8
7
6
5
4
3
2
1
0
0
5
4
3
2
1
0
0
9
8
7
6
5
4
3
2
1
0
0
9
8
7
6
5
4
3
2
1
0
0
9
8
7
6
5
4
3
2
1
0
css
/* Play with speed and easing of the animation */
/* =========================================== */
.digit {
display: inline-block;
font-size: 200px;
color: rgba(0, 0, 0, 0.25);
height: 180px;
line-height: 1;
}
.time-part-wrapper {
display: inline-block;
margin-right: 50px;
position: relative;
}
.time-part-wrapper:not(:last-child):after {
content: ":";
display: block; width: 30px;
height: 230px;
position: absolute;
top: 0px;
right: -30px;
color: rgba(0, 0, 0, 0.25);
font-size: 200px;
line-height: 0.9;
}
.time-part {
width: 140px;
text-align: center;
height: 180px;
overflow: hidden;
display: inline-block;
margin-left: -5px;
box-sizing: border-box;
ppt怎样制作倒计时
如果我们需要在ppt里制作倒计时的动画效果,那么我们应该怎么做呢?下面就让店铺告诉你 ppt制作倒计时的方法。
ppt制作倒计时的方法:
打开PPT-2007,选择“新建幻灯片”
依次选择:“插入”--“图片”--选择背景图片。
选择好背景图片后,选择“文本框”添加数字3,(我们就做3.2.1的倒计时效果)
选定文本框,依次选择“动画”--“自定义动画”
点击右侧的“添加效果”
依次选择“进入”--“轮子”
轮子效果图如下
继续添加效果,选择“退出”--“消失”,开始选择“之后”,如图
选择数字3,适当的放大并复制2次,然后把数字改成2和1,重叠排列。如图:
将数字2和1的参数设置的和3一致,“开始”项全部选择“之后”,如图