-
不太懂查看全部
-
这是啥查看全部
-
技术点分解查看全部
-
新增内容查看全部
-
主要采用查看全部
-
动画原理： 假如，现在有一组由三张图合成的雪碧图，每张图大小是91*71 如果实现3张图帧动画效果，代码如下 animation:bird-slow 400ms steps(3) infinite; @keyframes bird-slow { 0% {background-position-x: -0px} 100% {background-position-x: -273px} } 通过定义一个类，类中定义的动画的一些关键数据，比如动画名，时间，次数，切换的位置 通过keyframes定义动画具体执行参数与时间段 steps(3)的意思就是：keyframes设置的0%-100%的段中，background-position的的x坐标会变化3次 steps会平分这些段落值，其变化值就是 background-position-x: -0px background-position-x: -91px background-position-x: -182px查看全部
-
CSS3的Animation有八个属性 animation-name ：动画名 animation-duration：时间 animation-delay：延时 animation-iteration-count：次数 animation-direction：方向 animation-play-state：控制 animation-fill-mode：状态 animation-timing-function：关键帧变化查看全部
-
.page{ width: 5rem; height: 10rem; background: yellow; font-size: 0.3rem; } <body> <section> <div class="page">rem跟着html:font-size变化</div> </section> </body> <script type="text/javascript"> var docEl = document.documentElement, //当设备的方向变化（设备横向持或纵向持）此事件被触发。绑定此事件时， //注意现在当浏览器不支持orientationChange事件的时候我们绑定了resize 事件。 //总来的来就是监听当然窗口的变化，一旦有变化就需要重新设置根字体的值 resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function() { //设置根字体大小 docEl.style.fontSize = 20 * (docEl.clientWidth / 320) + 'px'; }; //绑定浏览器缩放与加载时间 window.addEventListener(resizeEvt, recalc, false); document.addEventListener('DOMContentLoaded', recalc, false); </script>查看全部
-
看着好难查看全部
-
好查看全部
-
浏览器兼容问题：-wobkit：谷歌；-moz：火狐； 如果3*3矩阵的图片，只想显示一张的话，需要把backtround-size:300%，300%； 想取其他图片的话就通过百分比取图； 火狐不支持background-size-x这个属性；所以直接用background-size会比较好；查看全部
-
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：关键帧变化 w3c上面有介绍 1——7； 第八个属性：控制时间，用steps()函数 处理图片的话。类似setTimeout的处理感觉查看全部
-
元素动起来： 运动 = 关键帧动画 + 坐标变化 坐标变化： 元素.position定位，修改top,left坐标修改 通过css3的transform属性的translate 插件：jquery.transit查看全部
-
Animation有八个属性 animation-name ：动画名 animation-duration：时间 animation-delay：延时 animation-iteration-count：次数 animation-direction：方向 animation-play-state：控制 animation-fill-mode：状态 animation-timing-function：关键帧变化查看全部
-
为了改成异步编程的流程问题， jQuery 也引入了 Promise 的概念。 Promise 是一种令代码异步行为更加优雅的抽象，有了它，我们就可以像写同步代码一样去写异步代码。这个东东看起来很复杂，实际上我们只要抓住核心的使用就可以查看全部
举报
0/150
提交
取消