试试语音读文章热门回答：
要做到翻动。这是我编了一个模拟书籍翻页的效果。运用到CSS3 @keyframes 关键字。在创建动画时。把它连到一个选择器。并用百分比产生时间轴。然后就会看到动画效果翻页效果。如下是部分源码。请关注我。并与你分享。谢谢！<!DOCTYPE html>
<html>
<head>
<style>
body
{
perspective: 1000px;
background-color: #212121;
}
.box
{
position: absolute;
top: 50%;
left: 50%;
……
}
.box1 {
position: absolute;
top: 0;
left: 0;
width: 200px;
height: 300px;
border: 1px solid #1976D2;
transform-origin: 0 50%;
background:Beige;
animation: mybox 5s;
}
……
@keyframes mybox
{
0% {transform: rotateY(0deg);}
50% {transform: rotateY(-150deg);}
100%{transform: rotateY(0deg);}
}
</style>
</head>
<body>
<div class=\"box\">
<p> 第<br>二<br>页</p>
……
<p>
首<br>页
</p>
</div>
</div>
……
下面在手机AIDE Web应用中运行结果
- 准备与好友合伙做生意,开什么店合适？
- 想开个店,开什么好呢？资金不多,刚刚创业。谢谢？
- 有什么行业适用于初创业？
- 刚入社会的人想开店,最好开一家什么店？
- 我是一个创业小白,想要开一家店铺,大家有什么好的推荐吗？
以上就是由互联网推广工程师 网创网 整理编辑的，如果觉得有帮助欢迎收藏转发~
本文标题：HTML如何做翻动？
本文地址：https://www.wangchuang8.com/111551.html，转载请说明来源于：网创推广网
声明：本站部分文章来自网络，如无特殊说明或标注，均为本站原创发布。如若本站内容侵犯了原著者的合法权益，可联系进行处理。分享目的仅供大家学习与参考,不代表本站立场。
本文地址：https://www.wangchuang8.com/111551.html，转载请说明来源于：网创推广网
声明：本站部分文章来自网络，如无特殊说明或标注，均为本站原创发布。如若本站内容侵犯了原著者的合法权益，可联系进行处理。分享目的仅供大家学习与参考,不代表本站立场。
评论(2)
效果，翻页，就会，动画，把它，这是我，与你，百分比，要做到，源码
没想到大家都对HTML如何做翻动？感兴趣，不过这这篇解答确实也是太好了
要做到翻动。这是我编了一个模拟书籍翻页的效果。运用到CSS3 @keyframes 关键字。在创建动画时。把它连到一个选