移动端 - 随笔分类(第2页) - surfaces

posted @ 2015-05-14 14:10 surfaces 阅读(2581) 评论(0) 推荐(0)

摘要：使用iScroll时，input等不能输入内容的解决方法 <script> function allowFormsInIscroll(){ [].slice.call(document.querySelectorAll('input, select, button')).forEach(functi 阅读全文

posted @ 2015-05-14 11:26 surfaces 阅读(3101) 评论(0) 推荐(1)

移动端延迟加载echo.js的使用

摘要：浏览器支持ie8+ <img src="img/blank.gif" alt="" data-echo="img/album-1.jpg"> <script> window.echo = (function (window, document) { 'use strict'; /* * Constr 阅读全文

posted @ 2015-05-12 15:06 surfaces 阅读(899) 评论(0) 推荐(0)

移动端雪佛兰官网手机版翻转菜单

摘要：雪佛兰手机版官网的菜单略微有点缺点；布局上的缺点；自己稍微完善一下；样式有点丑；动画帧也是可以实现；比较简单点；不过我没弄；下面效果图： css布局及原理： <!doctype html> <html> <head> <meta charset="utf-8"> <title>雪佛兰</tit 阅读全文

posted @ 2015-03-30 14:31 surfaces 阅读(430) 评论(0) 推荐(0)

纯css3 轮播图利用keyframes

摘要：效果：关键点：利用keyframes 原理：infinite 注意点：在处理关键帧动画的时候，注意处理好总共花费的 animation-duration：time 与每帧延延迟的时间的交错；要让动画显得层次感，处理好每帧的延迟时间；多注意时间的穿插；效果更很好；下面只是我的小插图；画的不一阅读全文

posted @ 2015-03-26 13:59 surfaces 阅读(2611) 评论(0) 推荐(0)

transform:translateZ() 字体模糊问题父类重返Z轴平面

摘要：translateZ()变糊第一种情况：当translateZ(m)中的 m设置为非整数，1.5px 之类的，字体会模糊，但是不明显;和浏览器渲染，字体格式，或者操作系统有关，这个 css中只能尽量避免非整数的；js 中用Math.floor(m)或者Math.cail(m)避免就好; 阅读全文

posted @ 2015-03-23 15:52 surfaces 阅读(5294) 评论(0) 推荐(0)

css3 menu 手机菜单3

摘要：首先看一下效果图; 效果1，主要是 scale(0) -->scale(1px);opacity:0;—>opacity: 1; 然后递归延迟怕麻烦也可以自己写个for循环 .five b {transform: scale(0); opacity: 0;} .five:hover b {tran 阅读全文

posted @ 2015-03-18 15:40 surfaces 阅读(403) 评论(0) 推荐(0)

css3 menu 手机菜单1

摘要：首先看一下效果图; 效果1，主要是 translateY(100px) -->translateY(0px);opacity:0;—>opacity: 1; 然后递归延迟怕麻烦也可以自己写个for循环 .one a {transform: translateY(100px); opacity:0; 阅读全文

posted @ 2015-03-18 15:31 surfaces 阅读(255) 评论(0) 推荐(0)

原生js判断css3动画过度(transition)结束 transitionend事件以及关键帧keyframes动画结束(animation)回调函数 animationEnd 以及 css 过渡 transition无效

摘要：上图的 demo 主要讲的是 css transition的过渡回调函数transitionend事件； css3 的时代，css3--动画一切皆有可能；传统的js 可以通过回调函数判断动画是否结束；即使是采用CSS技术生成动画效果，JavaScript仍然能捕获动画或变换的结束事件； tra 阅读全文

posted @ 2015-03-09 17:18 surfaces 阅读(36428) 评论(3) 推荐(4)

surfaces

随笔分类 - 移动端