03 2015 档案
摘要：雪佛兰手机版官网的菜单略微有点缺点；布局上的缺点；自己稍微完善一下； 样式有点丑； 动画帧也是可以实现；比较简单点；不过我没弄； 下面效果图： css布局及原理： <!doctype html> <html> <head> <meta charset="utf-8"> <title>雪佛兰</tit
阅读全文
摘要：效果： 关键点：利用keyframes 原理：infinite 注意点：在处理关键帧动画的时候，注意处理好 总共花费的 animation-duration：time 与每帧延延迟的时间的交错；要让动画显得层次感，处理好 每帧的延迟时间； 多注意时间的穿插 ；效果更很好；下面只是我的小插图；画的不一
阅读全文
摘要：translateZ()变糊 第一种情况： 当translateZ(m)中的 m设置为 非整数，1.5px 之类的，字体会模糊，但是不明显;和浏览器渲染，字体格式，或者操作系统有关， 这个 css中 只能尽量避免非整数的；js 中 用Math.floor(m)或者Math.cail(m)避免就好;
阅读全文
摘要：首先看一下效果图; 效果1，主要是 scale(0) -->scale(1px);opacity:0;—>opacity: 1; 然后递归延迟 怕麻烦也可以自己写个for循环 .five b {transform: scale(0); opacity: 0;} .five:hover b {tran
阅读全文
摘要：首先看一下效果图; 效果1，主要是 translateY(100px) -->translateY(0px);opacity:0;—>opacity: 1; 然后递归延迟 怕麻烦也可以自己写个for循环 .one a {transform: translateY(100px); opacity:0;
阅读全文
摘要：css3 3d动画 keyframes 前 后 上 bottom 左 右 ...
阅读全文
摘要：上图的 demo 主要讲的 是 css transition的过渡回调函数transitionend事件； css3 的时代，css3--动画 一切皆有可能； 传统的js 可以通过回调函数判断动画是否结束；即使是采用CSS技术生成动画效果，JavaScript仍然能捕获动画或变换的结束事件； tra
阅读全文
摘要：去年面试过一家做网站的 公司，看了一下他们的案例，看懂一个蛮有意思的 ，一个房地产的官网，是用flash做的。感觉不错。 于是，闲暇之际，简单的jquery 模仿做了一下。下面是我的效果图.脚本也没啥优化，流畅度也没有flash流畅。但是重要的是看到这个flash，想到 如何实现它效果的思路，非常适
阅读全文
摘要：主要知识点：rotate旋转以及 outline透明的像素消除（明显降低）火狐旋转是产生的 锯齿 首先看结构： 结构上没啥特别的，注意 里面的 front 和back 用绝对位置；以防出现问题 直接用 HTML5 API里：classList； 在HTML5 API里，页面DOM里的每个节点上都有一
阅读全文
