css动画实现翻书效果
来源:互联网 发布:c语言如何打开doc文件 编辑:程序博客网 时间:2024/06/06 02:16
/*翻书效果*/
.MapLayerpage
{
transform-origin: right; //控制翻书的方向,right是右边固定
transform-style: preserve-3d;
animation-name: MapLayerpage;
animation-duration: 1s;
animation-timing-function: linear;
}
@keyframes MapLayerpage {
0%{
transform: rotatey(0deg);
}
100%{
transform: rotatey(-90deg);
}
.MapLayerpage
{
transform-origin: right; //控制翻书的方向,right是右边固定
transform-style: preserve-3d;
animation-name: MapLayerpage;
animation-duration: 1s;
animation-timing-function: linear;
}
@keyframes MapLayerpage {
0%{
transform: rotatey(0deg);
}
100%{
transform: rotatey(-90deg);
}
}
$(this._MapLayer).addClass("MapLayerpage");//把要实现翻书效果的控件添加MapLayerpage
0 0
- css动画实现翻书效果
- iPhone 动画 - 翻书效果
- 翻书动画实现
- 翻书动画实现
- ul>li*3 实现翻书动画效果
- ul和li实现翻书动画效果
- css实现动画效果
- cocos2dx实现翻书效果
- css实现loading动画效果
- css实现淡入动画效果
- HTML+CSS实现动画效果
- JS实现图片翻书效果
- JS实现图片翻书效果
- JS实现图片翻书效果
- JS实现图片翻书效果
- JS实现图片翻书效果
- JS实现图片翻书效果
- cocos2d-x 实现翻书效果
- Ajax学习(一)
- 方法重载与重写
- 【C++】一些好用的方法
- 使用EasyChm创建电子文档的注意事项
- ViewDragHelper用法介绍,快捷的拖动效果设计
- css动画实现翻书效果
- 捕捉摄像头并保存视频
- Swap Nodes in Pairs
- eclipse 注释模板配置
- Android 自动刷新
- 37. man手册
- GO不同环境的安装
- JAVA多线程安全
- 手把手搭建K3cloud插件开发环境