为了账号安全,请及时绑定邮箱和手机立即绑定
  • 1.animation-name :动画名 2.animation-duration:时间 3.animation-delay:延时 4.animation-iteration-count:次数 5.animation-direction:方向 6.animation-play-state:控制 7.animation-fill-mode:状态 8.animation-timing-function:关键帧变化
    查看全部
    0 采集 收起 来源:关键帧动画

    2015-12-16

  • docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px'; 给html设置fontSize大小,其实就是在DOMContentLoaded或者resize变化后调整fontSize的大小,从而调整rem的比值关系。慕课的布局是右边区域展示,所以按照移动端的320宽度为标准去做适配的,当然基于这个缩放都是没关系的
    查看全部
    0 采集 收起 来源:自适应rem布局

    2015-12-16

  • em是相对于元素的父元素的font-size进行计算,rem是相对于根元素html的font-size进行计算。
    查看全部
    0 采集 收起 来源:自适应rem布局

    2015-12-16

  • 参考右边代码区域,一般情况在项目的最前面加载一段js来修改html的font-size,针对不同分辨率计算font-size,监听浏览器更改 html的font-size docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px'; 给html设置fontSize大小,其实就是在DOMContentLoaded或者resize变化后调整fontSize的大小,从而调整rem的比值关系。慕课的布局是右边区域展示,所以按照移动端的320宽度为标准去做适配的,当然基于这个缩放都是没关系的
    查看全部
    0 采集 收起 来源:自适应rem布局

    2015-12-16

  • rem和em单位一样都是一个相对单位,不同的是em是相对于元素的父元素的font-size进行计算,rem是相对于根元素html的font-size进行计算,这样一来rem就绕开了复杂的层级关系实现了类似于em单位的功能。默认情况下浏览器给的字体大小是16px按照转化关系 16px = 1rem
    查看全部
    0 采集 收起 来源:自适应rem布局

    2015-12-16

  • 课程简介2
    查看全部
    0 采集 收起 来源:编程思路

    2015-12-16

  • 课程简介
    查看全部
    0 采集 收起 来源:编程思路

    2015-12-16

  • 如需在 CSS3 中创建动画,需要学习 @keyframes 规则。
    查看全部
    0 采集 收起 来源:关键帧动画

    2015-12-16

  • css3 animation, steps transform,transition video, rotateX();,rotateY();,rotateZ(); ‘rotate3d(1, 1, 1, 0)’, ‘rotateX(0)’, ‘rotateY(0)’, ‘rotateZ(0)’, canvas 2d openGL 3d
    查看全部
    0 采集 收起 来源:编程思路

    2015-12-15

  • rem ,object-oriented, class, encapsulation,observer pattern, svg,
    查看全部
    0 采集 收起 来源:编程思路

    2015-12-15

  • 天空之城!
    查看全部
    1 采集 收起 来源:课程简介

    2015-12-15

  • 针对不同分辨率计算font-size的JS代码: docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px';
    查看全部
    0 采集 收起 来源:自适应rem布局

    2015-12-15

  • 编程
    查看全部
    0 采集 收起 来源:自适应rem布局

    2015-12-15

  • 火狐不支持 background-position-x
    查看全部
    1 采集 收起 来源:关键帧动画

    2016-07-27

  • 不公开
    查看全部
    0 采集 收起 来源:课程简介

    2015-12-15

举报

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

微信扫码,参与3人拼团

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

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