为了账号安全,请及时绑定邮箱和手机立即绑定
  • 参照某位前辈的代码,搞定了。可还有很多属性不熟悉,继续学习.蛮有意思的说。
    查看全部
    9 采集 收起 来源:编程挑战

    2018-03-22

  • 【css3的动画功能】 transition:从一个属性值平滑的过渡到另一个属性值 animation:通过关键帧的技术在网页上产生更加复杂的效果 transition <过渡属性名称><过渡时间> 【各浏览器兼容写法】 -webkit-transition 谷歌、苹果 -moz-transition 火狐 -o-transition opera 举例: -webkit-transition:color 1s; //让元素颜色的变化持续1秒钟 -webkit-transition:height 3s;
    查看全部
    5 采集 收起 来源: CSS3中transition

    2018-03-22

  • 1、rotateX中deg是一个页面旋转后的位置,与X轴所成的角度,而并不是这个页面在这个过程中转了多少度。 2、JS中-webkit-transform的写法:curPage.style.webkitTransform
    查看全部
    4 采集 收起 来源: JS部分

    2015-09-08

  • 本人使用Firefox,跟着老师敲CSS,发现无法实现3D效果; 经过尝试,在perspective应该跟上px:perspective:800px;
    查看全部
  • @@--CSS3 3D 特效---第1章 Transition 1-1 transition 实现3D场景: 透视:perspective,perspective-origin 变幻:transform:translate,rotate 【css3的动画功能】 transition:从一个属性值平滑的过渡到另一个属性值 animation:通过关键帧的技术在网页上产生更加复杂的效果 transition <过渡属性名称><过渡时间> 【各浏览器兼容写法】 -webkit-transition 谷歌、苹果 -moz-transition 火狐 -o-transition opera 举例: -webkit-transition:color 1s; //让元素颜色的变化持续1秒钟 -webkit-transition:height 3s;
    查看全部
    4 采集 收起 来源: CSS3中transition

    2018-03-22

  • 用的chrome,不加webkit前缀也可以运行,按照老师写法出现bug的情况: 1.没有3d效果,只是上下缩动,在perspective-origin那里给800加上px单位; 2.翻页后,之前的卡片有部分会显示在下方,请在page的css里加上backface-visibility:hidden;
    查看全部
    4 采集 收起 来源: JS部分

    2016-11-03

  • 还不错
    查看全部
    3 采集 收起 来源:编程挑战

    2015-11-02

  • 昨天照着老师写的自己写了一遍,怎么都没有3d效果,今天经过一行代码一行代码的实验,终于找到问题所在:1.几个pagediv外面取消了一层div,3d效果就出来了,估计是因为perspective在最外层,而要实现3d动作的在第三层,第二层却是2d的 2.同时取消overflow-hidden,否则翻转还是在2d平面内 3.几个pagediv在写的时候要倒序,否则效果也不理想 4. perspective-origin设置为x方向50%,y方向100%,否则可以看到翻转下去的数字
    查看全部
    3 采集 收起 来源: JS部分

    2015-11-02

  • 把 onchange 改成onmousemove 就达到了老师视频里的效果
    查看全部
    2 采集 收起 来源:translate属性

    2015-11-08

  • 立方体可以根据X/Y/Z分别旋转,也可以自由组合,看效果和代码。 逻辑清晰,代码简洁,效果色彩很好,是个非常不错的demo,供大家参考。
    查看全部
    2 采集 收起 来源:编程挑战

    2015-08-22

  • 彩色版的骰子
    查看全部
    2 采集 收起 来源:编程挑战

    2015-07-26

  • 正方体的旋转效果,参考答案的。。。。赞一个
    查看全部
    2 采集 收起 来源:编程挑战

    2015-07-26

  • 上一节课的前后翻页效果。-webkit-transform-style:preserve-3d;
    查看全部
    2 采集 收起 来源:编程挑战

    2015-07-26

  • 如果想制作一个翻书效果,让每一个div可以向左翻动,需要对div的旋转中心进行怎样的调整? -webkit-transform-origin: left;
    查看全部
    2 采集 收起 来源:练习题

    2015-07-26

  • 1、rotateX中deg是一个页面旋转后的位置,与X轴所成的角度,而并不是这个页面在这个过程中转了多少度。 2、JS中-webkit-transform的写法:curPage.style.webkitTransform
    查看全部
    2 采集 收起 来源: JS部分

    2015-07-26

首页上一页1234567下一页尾页

举报

0/150
提交
取消
课程须知
本课程适合有html、css基础知识的同学进阶学习
老师告诉你能学到什么?
如何使用CSS3来创建一个3D的动画效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!