设为首页收藏本站

LUPA开源社区

 找回密码
 注册
文章 帖子 博客
LUPA开源社区 首页 业界资讯 软件追踪 查看内容

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

2017-7-4 22:30| 发布者: joejoe0332| 查看: 577| 评论: 0|原作者: oschina|来自: oschina

摘要: 切版css是切版网目前内部使用的框架,甚至于不算是一个框架,它只是提供了一个可靠的基础去创建你一个前端项目,提供了一段来自经验的css重写,和一些经验之谈,并且约束了一些命名上的规范。演示http://www.qieban. ...
切版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; }

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


酷毙

雷人

鲜花

鸡蛋

漂亮
  • 快毕业了,没工作经验,
    找份工作好难啊?
    赶紧去人才芯片公司磨练吧!!

最新评论

关于LUPA|人才芯片工程|人才招聘|LUPA认证|LUPA教育|LUPA开源社区 ( 浙B2-20090187 浙公网安备 33010602006705号   

返回顶部