为了账号安全,请及时绑定邮箱和手机立即绑定
  • 开始代码 需要加上:$boy.stop().removeClass('pauseWalk').addClass('slowWalk')
    查看全部
  • il..i
    查看全部
    0 采集 收起 来源:效果介绍

    2016-01-27

  • 自适应布局的分辨率是变化的,所以用百分比的比值比较好定位位置。
    查看全部
  • 什么叫路径动画 ? 路径动画就是你想,某个东西按照你预想的路径来运动。
    查看全部
  • 封装,即隐藏对象的属性和实现细节,仅对外公开接口。 封装的目的是增强安全性和简化编程
    查看全部
  • transform属性是静态属性,不是动画属性,一旦写到style里面,将会直接显示作用,无人任何变化过程。就是说设置transition的一些参数,让translate3d这个属性发生变化。
    查看全部
  • 如何实现页面与页面之间的切换 1.移动父容器,改变父容器的坐标 2.移动每一个子容器的坐标
    查看全部
  • /*动画切换的方式是一帧一帧的改变*/ -webkit-animation-timing-function: steps(1, start); steps(1, start);怎么用?
    查看全部
  • 函数的简单封装
    查看全部
  • CSS3有一个scale属性可以实现雪碧图按照比例缩放,所有的精灵图都是通过合成的雪碧图获取的,这样带来了一个根本问题:通过background-position获取的图片,正常情况下是无法缩放的,因为图片的位置是固定了,如果通过这种方式实现了精灵图那么在不同的分辨率下其实都是固定的尺寸,通过CSS3的scale处理直接可以让元素缩放
    查看全部
  • background-size:80px 60px; background-size: length|percentage|cover|contain; cover把背景图像扩展至足够大,以使背景图像完全覆盖背景区域。 背景图像的某些部分也许无法显示在背景定位区域中。
    查看全部
  • Math.floor向下取整,Math.ceil()向上取整,Math.round();四舍五入
    查看全部
  • loge动画处理的原理与rotate是一样的,区别就是logo是2组CSS3的animation动画组成。这里需要注意的,不能同时给一个元素增加2个CSS3的关键帧动画,所以需要一个结束后,在增加下一个,这里需要通过事件监听的方式处理
    查看全部
    0 采集 收起 来源:转身与logo效果

    2016-01-07

  • 定义了一个keyframes的规则,原理同样也是通过position不断更换帧图的坐标,这里会有一个animation-fill-mode的属性,forwards的意思就是保留在最终的状态,也就是我们转身后的最终状态
    查看全部
    0 采集 收起 来源:转身与logo效果

    2016-01-07

  • transition与animation用的很多,这里简单的描述下不同点,transition需要事件触发,animation可以直接自动触发,而且功能上更为强大,包括可以设置不同时间段的动画规则,还有状态的控制,事件等等。
    查看全部
    0 采集 收起 来源:星星与水波

    2016-01-07

举报

0/150
提交
取消
课程须知
本课程为高级案例课程,其中所用的大部分知识点不做深入剖析,只讲解如何使用,部分代码需要由你自己填充。 需要具备如下知识: 1、HTML4、HTML5 2、CSS2、CSS3 3、JavaScript、jQuery 4、面向对象思想
老师告诉你能学到什么?
1、如何实现页面的无缝滚动 2、如何实现视觉差效果 3、异步编程处理 4、CSS3动画过渡 5、JS动画实现 6、H5的音乐效果

微信扫码,参与3人拼团

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

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