css3 - 随笔分类 - 连冰华

css深入理解z-index

摘要：z-index取值 z-index:auto;z-index:<integer>;z-index:inherit;继承特性： 1.支持负值2.支持css3 animation动画;3.在css2.1时代，需要和定位元素(position:relative/absolute/fixed/sticky 阅读全文

posted @ 2016-12-28 13:29 连冰华阅读(5349) 评论(0) 推荐(0)

css3 flex

摘要：阅读全文

posted @ 2016-08-29 22:08 连冰华阅读(190) 评论(0) 推荐(0)

手机上滑动，显示滚动条

摘要：height:200px;overflow-y: scroll;width: 90%;-webkit-overflow-scrolling: touch; 阅读全文

posted @ 2015-09-17 13:26 连冰华阅读(366) 评论(0) 推荐(0)

css3实现条纹背景

摘要：背景阅读全文

posted @ 2015-09-14 10:17 连冰华阅读(434) 评论(0) 推荐(0)

CSS3 Transform Matrix

摘要：css3中的transform让我们操作变形变得很简单，诸如，translate–移动，scale–缩放，rotate–旋转，skew–斜切。这几个属性很方便，也很简单，但是其中matrix我们就不常使用了吧。-webkit-transform: matrix(1, 0, 0, 1, 100, 10... 阅读全文

posted @ 2015-06-15 10:15 连冰华阅读(2862) 评论(0) 推荐(0)

:nth-child()和:nth-of-type(n)区别

摘要：ele:nth-child(n)父元素下第n个元素且这个元素为eleele:nth-of-type(n)指父元素下第n个ele元素阅读全文

posted @ 2015-02-13 17:29 连冰华阅读(158) 评论(0) 推荐(0)

css3 flex

摘要：1 伸缩流方向：flex-direction属性名称：flex-direction取值：row | row-reverse | column | column-reverse初始值：row应用于：伸缩容器媒体：视觉计算值：指定的值2 伸缩行换行：flex-wrap属性名称：flex-wrap取值：n... 阅读全文

posted @ 2015-01-23 18:14 连冰华阅读(363) 评论(0) 推荐(0)

css3 弹性盒模型变化

摘要：如果你使用google搜索Flexbox，你会发现很多过时的信息。这里将告诉你如何迅速的辨别你需要的信息。如果你正在查找有关于Flexbox的博客资料，你看到了“display:box;”或者“box-{*}”属性，那么你看的正是2009年版本的Flexbox。如果你正在查找有关于Flexbox的博... 阅读全文

posted @ 2015-01-22 10:56 连冰华阅读(139) 评论(0) 推荐(0)

css3 3d翻转效果

摘要：aaaaaaaaaaaaaa bbbbbbb .demo{ display: block; cursor: pointer; position: relative; width:190px;/*限定3d展示范围*/... 阅读全文

posted @ 2014-09-24 18:25 连冰华阅读(322) 评论(0) 推荐(0)

meta 如何写

摘要：阻止手机号加下划线，可拨打： (ios系统)其中：minimal-ui,去掉手机头部自动出来的地址以下两个有利于搜索引擎: 阅读全文

posted @ 2014-09-11 17:57 连冰华阅读(271) 评论(0) 推荐(0)

css3属性

摘要：-webkit-text-size-adjust：100%|none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; 值描述content-box这是由 CSS2.1 规定的宽度高度... 阅读全文

posted @ 2014-09-11 11:24 连冰华阅读(124) 评论(0) 推荐(0)

媒体查询--实现多终端

摘要：上面的标记告诉浏览器,如果媒体查询中指定的媒体属性计算为true则使用StyleSheet2.css。在这种情况下,媒体查询检查请求设备可视面积是否大于1000 px。第二行的标记指定如果可视面积小于600 px,则应用StyleSheet3.css。阅读全文

posted @ 2014-09-10 12:26 连冰华阅读(226) 评论(0) 推荐(0)

按钮动画效果

摘要：中秋节快乐啊。。。 .a-btn{ display:block; position:relative; width:300px; margin:30px auto; height:40px; line-height:40px; border:2px ridge #fff; color:#fff; t... 阅读全文

posted @ 2014-09-10 12:20 连冰华阅读(162) 评论(0) 推荐(0)

改变 select下拉框样式

摘要：select{outline: none;text-indent: 10px;height: 45px;line-height: 45px;width: 100%;border:1px solid #c0c3c8;border-radius: 5px;display: inline-block;fo... 阅读全文

posted @ 2014-09-04 17:47 连冰华阅读(219) 评论(0) 推荐(0)

移动web开发总结

摘要：1、-webkit-tap-highlight-color:rgba(255,255,255,0)可以同时屏蔽ios和android下点击元素时出现的阴影。备注：transparent的属性值在android下无效。2、-webkit-appearance:none可以同时屏蔽输入框怪异的内阴影。3... 阅读全文

posted @ 2014-09-03 12:37 连冰华阅读(163) 评论(0) 推荐(0)

animation-fill-mode

摘要：animation-fill-mode:none：默认值。不设置对象动画之外的状态forwards：结束后保持动画结束时的状态，但当animation-direction为0，则动画不执行，持续保持动画开始时的状态backwards：结束后返回动画开始时的状态both：结束后可遵循forwards和... 阅读全文

posted @ 2014-08-21 10:58 连冰华阅读(241) 评论(0) 推荐(0)

css3 media queries

摘要：使用max-width @media screen and (max-width:600px){//你的样式放在这里....}使用min-width @media screen and (min-width:900px){//你的样式放在这里...}max-width和min-width... 阅读全文

posted @ 2014-08-20 16:03 连冰华阅读(185) 评论(0) 推荐(0)

css3 animation

posted @ 2014-08-15 17:26 连冰华阅读(193) 评论(0) 推荐(0)

transition和animation区别

摘要：Transform：对元素进行变形；Transition：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。但只有两个关键贞。开始，结束。Animation：对元素某个属性或多个属性的变化，进行控制（时间等），类似flash的补间动画。可以设置多个关键贞。Transiti... 阅读全文

posted @ 2014-08-15 16:57 连冰华阅读(363) 评论(0) 推荐(0)

transform 和 transition

摘要：transform的属性包括：rotate() / skew() / scale() / translate() /matrix()其中 rotate() 旋转度数，0-360 skew() 元素翻转给定的角度，根据给定的水平线（X 轴）和垂直线（Y 轴）参数 translate()元素从其... 阅读全文

posted @ 2014-08-15 16:54 连冰华阅读(345) 评论(0) 推荐(0)

https://github.com/lianbinghua

连冰华

随笔分类 - css3

公告