切版内部使用 css 框架 v1.2 发布

切版
 切版
发布于 2017年07月04日
收藏 36

切版css是切版网目前内部使用的框架,甚至于不算是一个框架,它只是提供了一个可靠的基础去创建你一个前端项目,提供了一段来自经验的css重写,和一些经验之谈,并且约束了一些命名上的规范。

演示

http://www.qieban.cn/demo/

更新笔记

添加了使用比较频繁的js插件

jquery1.7.2压缩版本

jquery-1.7.2.min.js

写css3前缀太麻烦?

-webkit-

-o-

-moz-

一个prefixfree.min.js文件搞定

prefixfree.min.js

wow.js让静态页面动起来

wow.min.js

需要扩展jquery的动画轨迹?

jquery.easing.1.3.js

需要用到jquery的触摸时间swipe

jquery.mobile-1.0.1.min.js

想用比jquery更小的zepto?

zepto.min.js

让ie9以下的浏览器支持h5?

html5.js

fullpage滑屏效果经常用到的箭头效果

/*弹球(箭头)*/
@keyframes bounce-up {
    25% {
        transform: translateY(10px);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-10px);
    }
}

调用

.qieban{animation: bounce-up 1.4s linear infinite; }

等等。后面工作中再有更多好用的代码将不定期更新。

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区。
转载请注明:文章转载自 OSCHINA 社区 [http://www.oschina.net]
本文标题:切版内部使用 css 框架 v1.2 发布
加载中

最新评论(4

切版
切版

引用来自“南漂一卒”的评论

jQuery 1.x、2.x 官方都不维护了,还在用 1.7……

源码 CSS 属性不换行,业务代码都不允许,更甭说开源了给大家用……
谢谢提议,我们会修正
南漂一卒
南漂一卒
jQuery 1.x、2.x 官方都不维护了,还在用 1.7……

源码 CSS 属性不换行,业务代码都不允许,更甭说开源了给大家用……
切版
切版

引用来自“TingerSure”的评论

阅,质量不高,不推荐使用。
望继续努力。
话说css库没有html示例是没法用的。
恩,文中提到了不算是一个css框架,只是饱含了一些工作中的经验和一些可靠的代码片段。
TingerSure
TingerSure
阅,质量不高,不推荐使用。
望继续努力。
话说css库没有html示例是没法用的。
返回顶部
顶部