摘要: SGV_sprite 使用方法 生成svg_sprite网站: https://icomoon.io/app 使用示例: icon-untitledicon-homeicon-untitled2icon-untitled3icon-untitled4i... 阅读全文
posted @ 2014-10-14 17:51 小斯新手 阅读(523) 评论(0) 推荐(0) 编辑
摘要: ---恢复内容开始---本文件集合的常用的几种段落边框,并且实现颜色可配置,自适应 zip:http://files.cnblogs.com/yansi/paraBox.zip PS:具体使用方法在scss文件内有详细说明,对应方法有参数详解 示例:啦啦啦啦啦啦啦啦... 阅读全文
posted @ 2014-10-11 20:19 小斯新手 阅读(399) 评论(0) 推荐(0) 编辑
摘要: 背景条纹——bgStripes.scss 本文件集合的常用的几种背景条纹,并且实现颜色大小可配置 zip:http://files.cnblogs.com/yansi/bgStripes.zip PS:具体使用方法在scss文件内有详细说明,对应方法有参数详解 ... 阅读全文
posted @ 2014-10-11 11:06 小斯新手 阅读(326) 评论(0) 推荐(0) 编辑
摘要: Guidelines for animationUse CSS keyframe animation or CSS transitions, if at all possible. The browser can optimize painting and compositing bigtime h... 阅读全文
posted @ 2014-10-08 21:56 小斯新手 阅读(343) 评论(0) 推荐(0) 编辑
摘要: 最近在做css3动画的时候感觉默认的几种动画缓动效果已经不足够满足要求了,所以想起整理一下贝塞尔常用的一些曲线,用于以后使用 曲线参考:http://cubic-bezier.com/,http://easings.net/zh-cn# 常用的贝塞尔曲线如下: ps:并不是所有的缓动函数都... 阅读全文
posted @ 2014-10-08 20:57 小斯新手 阅读(6421) 评论(0) 推荐(1) 编辑
摘要: svg 学习和体会 1:适用范围,支持html5的浏览器,ie9+,chrome等浏览器。 阅读全文
posted @ 2014-08-29 15:11 小斯新手 阅读(239) 评论(0) 推荐(0) 编辑
摘要: 最近做了一些pc端的页面,用了一些动画效果,总的来说感觉还不错,大概记录下一些体会 首先,我们把pc端的动画类型分三类: javascript和jQuery直接控制dom属性 css3的属性transition css3的animation 这三类是我目前主要使用的动画效果制作来源 ... 阅读全文
posted @ 2014-08-19 11:55 小斯新手 阅读(1077) 评论(0) 推荐(0) 编辑
摘要: ps:本文只是针对移动端页面,涉及的浏览器主要是ios和android的默认浏览器 1:屏幕宽度获取问题:iPhone获取screen宽度都是物理宽度,安卓获取的是像素宽度 具体:IOS(浏览器全屏的时候): window.screen.width==window.screen.availW... 阅读全文
posted @ 2014-07-25 12:05 小斯新手 阅读(619) 评论(0) 推荐(0) 编辑
摘要: 首先是新添的input类型: (新型类型内自带了格式检测,不过要在提交的时候才有提示,不会即时显示) 新添表单元素 新添表单属性 阅读全文
posted @ 2013-09-25 17:39 小斯新手 阅读(231) 评论(0) 推荐(0) 编辑
摘要: 参考资料:http://c7sky.com/dive-into-flexbox.html http://www.w3.org/html/ig/zh/wiki/Css3-flexbox/zh-hans转载请注明出处:http://www.cnblogs.com/yansi/p/3335916.html恩,这两日做了一个小小的项目,只需要做chrome上的效果就好,喜大普奔啊,果断就用上了仰慕已久的flexbox,弹性布局。但是事实上,使用起来还是需要实现有一定的理解的,因为有的地方稍稍有些和传统布局不一样 恩,这篇文章是基于chrome的写法,firefox的话差不多,ie10和ie11可以在. 阅读全文
posted @ 2013-09-23 23:37 小斯新手 阅读(1274) 评论(0) 推荐(0) 编辑