文章分类 -  css3

摘要:<html><head> <title></title> <meta http-equiv="content-type" content="text/html; charset=None"> <style type="text/css"> /*@supports (display:none) { d 阅读全文
posted @ 2018-06-07 21:07 szchenrong 阅读(227) 评论(0) 推荐(0) 编辑
摘要:转自https://www.cnblogs.com/lfhy/p/6796653.html 当内容超出容器时,容器会出现滚动条,其自带的滚动条有时无法满足我们审美要求,那么我们可以通过css伪类来实现对滚动条的自定义。 首先我们要了解滚动条。滚动条从外观来看是由两部分组成:1,可以滑动的部分,我们叫 阅读全文
posted @ 2018-05-16 18:19 szchenrong 阅读(102) 评论(0) 推荐(0) 编辑
摘要:原文链接:http://caibaojian.com/svg-base.html 一.什么是SVG? SVG 指的是可伸缩矢量图形 (Scalable Vector Graphics),它用来定义用于网络的基于矢量的图形,使用 XML 格式定义图形。SVG 图像在放大或改变尺寸的情况下其图形质量不会 阅读全文
posted @ 2017-08-30 11:21 szchenrong 阅读(308) 评论(0) 推荐(0) 编辑
摘要:转http://www.zhangxinxu.com/wordpress/2012/08/css-svg-filter-image-grayscale/comment-page-1/#comment-368307 http://www.zhangxinxu.com/wordpress/2013/11 阅读全文
posted @ 2017-08-25 15:10 szchenrong 阅读(86) 评论(0) 推荐(0) 编辑
摘要:http://modernizr.cn/docs/#whatis 阅读全文
posted @ 2017-08-25 15:09 szchenrong 阅读(77) 评论(0) 推荐(0) 编辑
摘要:转自:http://www.zhangxinxu.com/wordpress/2017/08/css-percent-padding-image-layout/ 一、CSS百分比padding都是相对宽度计算的 在默认的水平文档流方向下,CSS margin和padding属性的垂直方向的百分比值都 阅读全文
posted @ 2017-08-21 18:09 szchenrong 阅读(276) 评论(0) 推荐(0) 编辑
摘要:这段必须写在html内 <style type="text/css"> input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#fff; } </style> 阅读全文
posted @ 2017-08-21 17:51 szchenrong 阅读(367) 评论(0) 推荐(0) 编辑
摘要:1.从https://icomoon.io下载icon 2.引用样式字体 阅读全文
posted @ 2016-05-24 17:46 szchenrong 阅读(192) 评论(0) 推荐(0) 编辑
摘要:1.想要做出这个按钮阴影用after伪类,按钮是渐变的,可以用css3的渐变,注意父容器要相对定位 2.按钮按下去的动画效果 .layer-main>h1:before { .layer-main>h1:before { } .layer-main>h1:after { content: ""; w 阅读全文
posted @ 2016-04-20 13:08 szchenrong 阅读(96) 评论(0) 推荐(0) 编辑
摘要:http://www.daqianduan.com/6167.html 阅读全文
posted @ 2016-04-01 17:33 szchenrong 阅读(77) 评论(0) 推荐(0) 编辑
摘要:需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px); http://www.daqianduan.com/6183.html 阅读全文
posted @ 2016-04-01 17:32 szchenrong 阅读(510) 评论(0) 推荐(0) 编辑
摘要:http://caibaojian.com/mobile-responsive-demo.html http://caibaojian.com/mobile-responsive-example.html 网易的用法: 阅读全文
posted @ 2016-03-18 14:55 szchenrong 阅读(76) 评论(0) 推荐(0) 编辑
摘要:filter在安卓机上的阴影有问题跟ios的不同,后来我采用了box-shadow /*-webkit-filter: blur(50px);*/ /*-moz-filter: blur(50px);*/ /*-ms-filter: blur(50px);*/ /*filter: blur(50px 阅读全文
posted @ 2016-01-29 12:01 szchenrong 阅读(323) 评论(0) 推荐(0) 编辑
摘要:http://www.jb51.net/css/175596.htmlhttp://www.chinaz.com/design/2015/0909/444092.shtml 阅读全文
posted @ 2016-01-15 17:10 szchenrong 阅读(83) 评论(0) 推荐(0) 编辑
摘要:1.叠加式图片切换效果2.jquery多张图片叠加上下切换特效 阅读全文
posted @ 2016-01-05 09:46 szchenrong 阅读(99) 评论(0) 推荐(0) 编辑
摘要:在jquery.js导入后,在jquerymobile导入前使用下面的脚本加上data-role="none".$("input").attr('data-role','none');$("select").attr('data-role','none'); 阅读全文
posted @ 2015-12-02 14:33 szchenrong 阅读(120) 评论(0) 推荐(0) 编辑
摘要:http://www.cnblogs.com/top5/archive/2012/02/14/2351959.html.custom-header nav span{ position:absolute; top:17px; width:30px; height:30px; color:transp... 阅读全文
posted @ 2015-11-18 17:25 szchenrong 阅读(136) 评论(0) 推荐(0) 编辑
摘要:以前总是加一个来解决,但这样会增加无语义的标签,下面是用after伪类实现,兼容多种浏览器.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}为兼容IE6,IE7,因为ie6,ie7不能用a... 阅读全文
posted @ 2015-09-15 17:11 szchenrong 阅读(10886) 评论(0) 推荐(1) 编辑
摘要:这东西坑爹啊,这样写法在案桌4.4以下的自带浏览器竟然不能正常解析,我也是醉了后来还是把它分开来写的才行。 阅读全文
posted @ 2015-09-08 17:17 szchenrong 阅读(510) 评论(0) 推荐(0) 编辑
摘要:微信公众平台开发(53)砸金蛋微信公众平台开发 微信公众平台开发模式 企业微信公众平台 砸金蛋作者:方倍工作室地址:http://www.cnblogs.com/txw1958/p/crack-golden-eggs.html砸金蛋被广泛应用于庆典活动、商家促销、电视娱乐等场合,它的趣味、悬念能迅速... 阅读全文
posted @ 2015-09-08 17:14 szchenrong 阅读(105) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示