慕课网

H5+JS+CSS3 实现圣诞情缘

最热最新

yangyuan

CSS3的Animation有八个属性 animation-name ：动画名 animation-duration：时间 animation-delay：延时 animation-iteration-count：次数 animation-direction：方向 animation-play-state：控制 animation-fill-mode：状态 animation-timing-function：关键帧变化写法： @keyframes bird-slow{ 10%{background-position:0px 0;} 50%{background-position:-90px 0;} 100%{background-position:-273px 0;} } .birdFly { /*写法1*/ -moz-animation: bird-slow 500ms steps(1,start) infinite; animation: bird-slow 500ms steps(1,start) infinite;

查看全部

0 采集收起来源：关键帧动画
2016-04-18
xinfengfx

rem和em单位一样，都是一个相对单位,不同的是em是相对于元素的父元素的font-size进行计算,rem是相对于根元素html的font-size进行计算,这样一来rem就绕开了复杂的层级关系，实现了类似于em单位的功能。默认情况下浏览器给的字体大小是16px，按照转化关系 16px = 1rem

查看全部

0 采集收起来源：自适应rem布局
2016-04-18
葉嫃

CSS3的Animation有八个属性 animation-name ：动画名 animation-duration：时间 animation-delay：延时 animation-iteration-count：次数 animation-direction：方向 animation-play-state：控制 animation-fill-mode：状态 animation-timing-function：关键帧变化

查看全部

0 采集收起来源：关键帧动画
2016-04-18
潜水的大叔

rem和em单位一样，都是一个相对单位,不同的是em是相对于元素的父元素的font-size进行计算,rem是相对于根元素html的font-size进行计算,这样一来rem就绕开了复杂的层级关系，实现了类似于em单位的功能。默认情况下浏览器给的字体大小是16px，按照转化关系 16px = 1rem

查看全部

0 采集收起来源：自适应rem布局
2016-04-16
AzureRay

利用圣诞树的雪碧图实现一闪闪的效果

查看全部

0 采集收起来源：圣诞树、月亮与云
2016-04-16
AzureRay

观察者模式实现页面切换即场景切换

查看全部

1 采集收起来源：场景切换
2016-04-15
AzureRay

学习一下这里的js代码封装

查看全部

1 采集收起来源：代码封装
2016-04-15
yangyuan

rem是什么？ rem和em单位一样，都是一个相对单位,不同的是em是相对于元素的父元素的font-size进行计算,rem是相对于根元素html的font-size进行计算,这样一来rem就绕开了复杂的层级关系，实现了类似于em单位的功能。默认情况下浏览器给的字体大小是16px，按照转化关系 16px = 1rem 自适应处理：使用rem布局的时候,为了兼容不同的分辨率,我们应该要动态的修正根字体的大小,让所有的用rem单位的子元素跟着一起缩放,从而达到自适应的效果总结：根据实际情况通过设计稿与当前可视区的大小做一个比例关系，通过这个比例进行缩放处理

查看全部

0 采集收起来源：自适应rem布局
2016-04-15
Weboey 01:16

思路2

查看全部

0 采集收起来源：编程思路
2016-04-13
Weboey 00:49

思路

查看全部

0 采集收起来源：编程思路
2016-04-13
AzureRay 01:41

技术点分解1

查看全部

0 采集收起来源：编程思路
2016-04-12
AzureRay 01:15

技术点的介绍2

查看全部

0 采集收起来源：编程思路
2016-04-12
AzureRay 00:49

技术点介绍

查看全部

0 采集收起来源：编程思路
2016-04-12
海绵宝宝的微笑啊

CSS3的Animation有八个属性 animation-name ：动画名 animation-duration：时间 animation-delay：延时 animation-iteration-count：次数 animation-direction：方向 animation-play-state：控制 animation-fill-mode：状态 animation-timing-function：关键帧变化

查看全部

0 采集收起来源：关键帧动画
2016-04-10
海绵宝宝的微笑啊

20*(docEl.clientWidth/320)+'px';//设置根字体大小

查看全部

0 采集收起来源：自适应rem布局
2016-04-10

首页上一页 8 9 10 11 12 13 14 下一页尾页

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画图