慕课网

H5+JS+CSS3 实现圣诞情缘

最热最新

绅振

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

查看全部

0 采集收起来源：关键帧动画
2016-01-27
绅振

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

查看全部

0 采集收起来源：自适应rem布局
2016-01-27
玲ling玲

3D旋转木马

查看全部

0 采集收起来源：3D旋转特效(上)
2016-01-26
玲ling玲

动画 keyframes的规则

查看全部

0 采集收起来源：小男孩动作分解
2016-01-26
啊玲玲cl

呈现3d效果需要3部分父元素或者当前运动元素上设置透视角perspective，perspective属性的值决定了3D效果的强度 3D视图，设置在父元素上，子元素都可以相对与父元素的平面进行3d变形操作 3D变形函数，translate3d、scale3d、rotateX、rotateY、rotateZ等等

查看全部

0 采集收起来源：3D变换的梳理
2016-01-21
玲ling玲

场景音乐-圣诞节

查看全部

1 采集收起来源：场景音乐
2016-01-18
呼叫9587

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

查看全部

0 采集收起来源：自适应rem布局
2016-01-17
玲ling玲

异步编程处理deferred

查看全部

0 采集收起来源：异步编程梳理
2016-01-17
roastwind

1.bird-slow动画的名称听着像自己起的； 2.count为infinite(无限次)就是动画会一直循环了； 3.step会平分keyframe，那就是两者要配合使用么？

查看全部

0 采集收起来源：关键帧动画
2016-01-17
roastwind

1.dom根节点获取dom 2.页面大小变化的事件，dom的loaded函数，window窗口resize以及orientation(方向)变化事件

查看全部

0 采集收起来源：自适应rem布局
2016-01-17
玲ling玲

监听当然窗口的变化，一旦有变化就需要重新设置根字体的值

查看全部

0 采集收起来源：自适应rem布局
2016-01-16
安德尔 00:10

赞啊

查看全部

0 采集收起来源：整体介绍
2016-01-16
steven000

var doc = document; /** * 针对content中的html文本框 * 增加rem的修改 * @param {[type]} doc [description] * @param {[type]} win [description] * @return {[type]} [description] */ var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { //自适应设置容器高度 var container = document.querySelector(".container") //原始比例 var proportion = 900 / 1440; container.style.height = container.clientWidth * proportion + "px"; }; window.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false);

查看全部

0 采集收起来源：布局结构
2018-03-22
steven000

var observer=new observer(); observer.subscribe('事件名'，function)//addEventListener observer.publish('事件名') //dispatchEvent un.subscribe()//removeEventListener

查看全部

0 采集收起来源：观察者模式的理解
2016-01-16
Sunny_0008

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

查看全部

0 采集收起来源：关键帧动画
2016-01-13

首页上一页 11 12 13 14 15 16 17 下一页尾页

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