04 2016 档案

swiper，animate使用方法
摘要：1、先链接css和js文件 2、初始化 4、使用animate的动画，注意class中要加“ani” 自定义的动画效果： html中添加class=“ani” 和swiper-animate-effect=“动画名”，可以与animate自带的动画一样，在每次切换时运行动画。 css中定义效果 AP 阅读全文
posted @ 2016-04-20 17:00 animagi 阅读(1676) 评论(0) 推荐(0)
#， about:blank，javascript:路径比较
摘要：试了一下在<a>,<img>,<iframe>中用#，about:blank和javascript: 代码如下： a标签的href="#"时, 点击后页面不会刷新，但会回到顶部。（为了防止这个，可以用href="javascript:void(0)"，或者href="javascript:"），当h 阅读全文
posted @ 2016-04-16 23:04 animagi 阅读(2422) 评论(0) 推荐(0)
前端链接
摘要：web前端资料链接——更新中 W3C官网（英文） https://www.w3.org/ 火狐Web技术文档（MDN英文） https://developer.mozilla.org/zh-CN/docs/Web w3school（貌似没有在更新） http://www.w3school.com.c 阅读全文
posted @ 2016-04-14 15:49 animagi 阅读(292) 评论(0) 推荐(0)
CSS3线性渐变linear-gradient
摘要：转自 http://www.w3cplus.com/content/css3-gradient CSS3的线性渐变 一、线性渐变在Mozilla下的应用 参数：其共有三个参数，第一个参数表示线性渐变的方向，top是从上到下、left是从左到右，如果定义成left top，那就是从左上角到右下角。第二 阅读全文
posted @ 2016-04-12 12:24 animagi 阅读(577) 评论(0) 推荐(0)
Sublime 操作技巧
摘要：吐槽一下：刚下载的subime不是等宽字体，空格、表达、字母i什么的都很窄，看着不方便； 根据网上说的换成等宽字体，试了好多种字体，字体变了。但宽度没变。 然后有装了soda，和相应的color-theme。发现 没用。。。 最后，卸载sublime，重装。之前是绿色图表的拿给，后来装的是最新版黑色 阅读全文
posted @ 2016-04-11 14:16 animagi 阅读(280) 评论(0) 推荐(0)
移动端rem，scale动态设置
摘要：pt：物理像素（电容屏上像素块个数） px：逻辑像素、设备独立像素 高清屏：1px = 4pt 普通屏：1px = 1pt dpr：设备像素比：（某一方向上）物理像素/逻辑像素 通常设置1rem=屏幕宽度*dpr/10；设置缩放，使1px与1pt相等。 例如：1rem 为 320*2/10=64px 阅读全文
posted @ 2016-04-05 15:43 animagi 阅读(966) 评论(0) 推荐(0)
map，area标签
摘要：map，area标签 a、shape 属性： （建议使用缩写，最后写default） b、coords 属性： 圆形：shape="circle"，coords="x,y,z" 这里的 x 和 y 定义了圆心的位置（"0,0" 是图像左上角的坐标），r 是以像素为单位的圆形半径。 多边形：shape 阅读全文
posted @ 2016-04-05 11:40 animagi 阅读(314) 评论(0) 推荐(0)
css3属性——border-radius用法
摘要：浏览器结果显示如下： 半径35px，div高度35px；直径小于div高度时，直径按照div高度计算 阅读全文
posted @ 2016-04-05 11:27 animagi 阅读(360) 评论(0) 推荐(0)