显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

左岸

web前端

 
 
 
 
 
 

css3伪元素 ::selection

2016-10-28 16:56:24 阅读37 评论0 282016/10 Oct28

1、作用: 改变文本选中的颜色。
      默认的选中都是蓝底白字。
2、浏览器支持情况:Firefox、Safari、Chrome以及Opera浏览器都支持  ie9+。
3、使用:
     ::selection{.......}
     ::-moz-selection{.......}

作者  | 2016-10-28 16:56:24 | 阅读(37) |评论(0) | 阅读全文>>

gulp

2016-10-26 12:09:32 阅读42 评论0 262016/10 Oct26

一、使用流程:
1、安装nodejs
2、安装全局gulp:
     命令行:npm install -g gulp
3、在项目里安装gulp:
    命令行:npm install --save-dev gulp    
    运行后在项目里自动生成包含 gulp的node_modules 文件夹。
4、 

二、gulp方法:
1、gulp.src() :输入一个glob(比如匹配一个或者多个文件的字符串)或者glob数组,然后返回一个可传递给插件的数据流。

作者  | 2016-10-26 12:09:32 | 阅读(42) |评论(0) | 阅读全文>>

小tip: 使用SVG实现圆环

2016-8-5 15:19:55 阅读21 评论0 52016/08 Aug5

HTML代码:
circle { -webkit-transition: stroke-dasharray .25s; transition: stroke-dasharray .25s; 

作者  | 2016-8-5 15:19:55 | 阅读(21) |评论(0) | 阅读全文>>

小tips: IE7,IE8浏览器纯CSS实现正圆角效果

2016-8-5 15:09:33 阅读17 评论0 52016/08 Aug5

样式:
.box {
    width: 150px; height: 150px;
    line-height: 150px;
    position: relative;
    overflow: hidden;
}
.radius {
    position: absolute;
    width: 100%; height: 100%;
    border-radius: 50%;
    border: 149px dotted;
    /* IE7,IE8圆尺寸要小1像素同时有1像素偏移 */
    margin: 0 0 1px 1px;
    border-width: 0vw;
    margin: 0vw;

作者  | 2016-8-5 15:09:33 | 阅读(17) |评论(0) | 阅读全文>>

改变CSS世界纵横规则的writing-mode属性

2016-5-17 14:57:42 阅读21 评论0 172016/05 May17

writing-mode这个CSS属性,我们是不是很少见到,很少用到!实际上writing-mode

作者  | 2016-5-17 14:57:42 | 阅读(21) |评论(0) | 阅读全文>>

查看所有日志>>

 
 
 
 
 
 
 
 

北京市 丰台区 水瓶座

 发消息  写留言

 
博客等级加载中...
今日访问加载中...
总访问量加载中...
最后登录加载中...
 
 
 
 
 
 
 
心情随笔列表加载中...
 
 
 
 
 
 
 
模块内容加载中...
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018

注册 登录  
 加关注