impress让你的内容“舞”起来_学习笔记

首页免费课 impress让你的内容“舞”起来笔记

impress让你的内容“舞”起来

                
                Oeasy
            页面重构设计

                    查看讲师更多课程 
                    Oeasy讲师的其他课程
                
ps入门教程Ⅱ-进阶篇-图层、矢量、路径
入门·66371
免费课程
                                
oeasy教你玩转css禅意花园
初级·48170
免费课程
                                
ps教程之趣味外传
中级·63366
免费课程
                                
Oeasy教你玩转后期剪辑Premiere
入门·64963
免费课程
                                
“Doge”变身术 
初级·58295
免费课程
                                
PS入门教程——新手过招
入门·647028
免费课程
                                
                难度初级
            
                时长30分
            
                学习人数
            
综合评分9.13
                            191人评价
                        查看评价
                                9.3
                                内容实用
                            
                                9.0
                                简洁易懂
                            
                                9.1
                                逻辑清晰

最热最新

梦想的天空

一个JS网页特效,可以套用。 impress.js英文变中文的乱码解决问题 1.lang=en 改为 lang=zh 2.如果还不行，把页面重新另存为一下，同时把编码格式从默认改为utf-8

查看全部

0 采集收起来源：效果演示
2015-09-17
让瑕疵沉淀

impress.js github : https://github.com/bartaz/impress.js/ 中文教程 : http://www.360doc.com/content/12/1207/15/176942_252688895.shtml# http://www.cnblogs.com/Darren_code/archive/2013/01/04/impressjs.html http://www.cnblogs.com/fullhouse/archive/2012/04/24/2468940.html

查看全部

0 采集收起来源：代码解析
2015-09-01
boffa

impress就是用代码的方式将prezi的效果实现出来，同样的整张画布，同样的旋转，缩放；用data-x=“”来控制x轴方向的移动（向右为正），用data-y=“”来控制y轴方向的移动（向下为正），用data-z=“”来控制z轴的移动（屏幕向外为正），产生叠放次序，data-scale=“”来控制其缩放，data-rotate=“”来控制旋转角度 data-rotate-x/y=""来控制产生3D效果的在相应轴上的旋转（需添加id="its-in-3d"）以上操作均需添加一个class="step" 中文教程 : http://www.360doc.com/content/12/1207/15/176942_252688895.shtml#

查看全部

0 采集收起来源：代码解析
2018-03-22
eNothing

笛卡尔坐标系，左上为原点 data-x：X轴坐标，左上为0，左负右正 data-y：Y轴坐标，左上为0，上负下正 data-z：Z轴坐标，垂直于屏幕，屏幕里为负，屏幕外为正 data-scale：缩放比例 data-rotate：绕Z轴旋转角度，大于360度则旋转多圈 data-rotate-x：绕X轴旋转角度，大于360度则旋转多圈 data-rotate-y：绕Y轴旋转角度，大于360度则旋转多圈（貌似需添加class="step"）

查看全部

0 采集收起来源：代码解析
2018-03-22
桥风L

一个JS网页特效,可以套用。 impress.js英文变中文的乱码解决问题 1.lang=en 改为 lang=zh 2.如果还不行，把页面重新另存为一下，同时把编码格式从默认改为utf-8

查看全部

0 采集收起来源：效果演示
2015-07-26
如风_0006

data-x：X轴坐标，左上为0，左负右正 data-y：Y轴坐标，左上为0，上负下正 data-z：Z轴坐标，垂直于屏幕，屏幕里为负，屏幕外为正 data-scale：缩放比例 data-rotate：绕Z轴旋转角度，大于360度则旋转多圈 data-rotate-x：绕X轴旋转角度，大于360度则旋转多圈 data-rotate-y：绕Y轴旋转角度，大于360度则旋转多圈（貌似需添加class="step" scale：字体大小 rotate:旋转角度

查看全部

0 采集收起来源：代码解析
2018-03-22
小船儿

data-x：X轴坐标，左上为0，左负右正 data-y：Y轴坐标，左上为0，上负下正 data-z：Z轴坐标，垂直于屏幕，屏幕里为负，屏幕外为正 data-scale：缩放比例 data-rotate：绕Z轴旋转角度，大于360度则旋转多圈

查看全部

0 采集收起来源：代码解析
2015-07-20
小船儿

https://github.com/bartaz/impress.js/

查看全部

0 采集收起来源：代码解析
2015-07-20
爱学者

data-x：X轴坐标，左上为0，左负右正 data-y：Y轴坐标，左上为0，上负下正 data-z：Z轴坐标，垂直于屏幕，屏幕里为负，屏幕外为正 data-scale：缩放比例 data-rotate：绕Z轴旋转角度，大于360度则旋转多圈 data-rotate-x：绕X轴旋转角度，大于360度则旋转多圈 data-rotate-y：绕Y轴旋转角度，大于360度则旋转多圈（貌似需添加class="step" scale：字体大小 rotate:旋转角度

查看全部

0 采集收起来源：代码解析
2018-03-22
xgqfrms 03:09

怎么有一个人在玩游戏啊？

查看全部

0 采集收起来源：效果演示
2015-06-09
蓝天的狂热

github : https://github.com/bartaz/impress.js/ 中文教程 : http://www.360doc.com/content/12/1207/15/176942_252688895.shtml# http://www.cnblogs.com/Darren_code/archive/2013/01/04/impressjs.html http://www.cnblogs.com/fullhouse/archive/2012/04/24/2468940.html

查看全部

0 采集收起来源：代码解析
2015-05-22
蓝天的狂热

个人理解的impress就是用代码的方式将prezi的效果实现出来，同样的整张画布，同样的旋转，缩放；用data-x=“”来控制x轴方向的移动（向右为正），用data-y=“”来控制y轴方向的移动（向下为正），用data-z=“”来控制z轴的移动（屏幕向外为正），产生叠放次序，data-scale=“”来控制其缩放，data-rotate=“”来控制旋转角度 data-rotate-x/y=""来控制产生3D效果的在相应轴上的旋转（需添加id="its-in-3d"）以上操作均需添加一个class="step"

查看全部

0 采集收起来源：代码解析
2018-03-22
jsync

github : https://github.com/bartaz/impress.js/ 中文教程 : http://www.360doc.com/content/12/1207/15/176942_252688895.shtml# http://www.cnblogs.com/Darren_code/archive/2013/01/04/impressjs.html http://www.cnblogs.com/fullhouse/archive/2012/04/24/2468940.html

查看全部

0 采集收起来源：代码解析
2015-04-26
xurouna

笛卡尔坐标系，左上为原点 data-x：X轴坐标，左上为0，左负右正 data-y：Y轴坐标，左上为0，上负下正 data-z：Z轴坐标，垂直于屏幕，屏幕里为负，屏幕外为正 data-scale：缩放比例 data-rotate：绕Z轴旋转角度，大于360度则旋转多圈 data-rotate-x：绕X轴旋转角度，大于360度则旋转多圈 data-rotate-y：绕Y轴旋转角度，大于360度则旋转多圈（貌似需添加class="step"）

查看全部

1 采集收起来源：代码解析
2018-03-22
一丝浅笑粉饰百般不舍

data-x：X轴坐标， data-y：Y轴坐标， data-z：Z轴坐标，垂直于屏幕，屏幕里为负，屏幕外为正 data-scale：缩放比例 data-rotate：绕Z轴旋转角度，大于360度则旋转多圈 data-rotate-x：绕X轴旋转角度，大于360度则旋转多圈 data-rotate-y：绕Y轴旋转角度，大于360度则旋转多圈 preserve-3D

查看全部

0 采集收起来源：代码解析
2015-02-08