随笔分类 -  css3

css相关技术分享
前端代码评审（Code Review）
摘要：代码审查（Code Review)是软件开发中常用的手段，和QA测试相比，它更容易发现和架构以及时序相关等较难发现的问题，还可以帮助团队成员提高编程技能，统一编程风格等。 一．审查原因（Why） 持续、有效的开展代码走查，将会收获许多收益，具体表现在： l 能及时发现代码中的Bug，保证版本质量。 阅读全文
posted @ 2020-07-27 09:21 齐楚燕韩赵魏秦 阅读(2244) 评论(0) 推荐(0)
移除input在type="number"时的上下箭头
摘要：网页在有些情况下，会需要input的输入的为单纯数字的文本框，此时type=number，但使用type=number时，输入框后面会有一个上下箭头，那么如何去掉上下箭头呢？ 1、chrome浏览器移除 使用none替代textfield，也可以实现去除箭头的效果 2、firefox浏览器下移除 在 阅读全文
posted @ 2018-09-05 09:47 齐楚燕韩赵魏秦 阅读(510) 评论(0) 推荐(0)
消除transition闪屏
摘要：消除transition闪屏.css {-webkit-transform-style: preserve-3d;-webkit-backface-visibility: hidden;-webkit-perspective: 1000;} 阅读全文
posted @ 2018-07-20 10:39 齐楚燕韩赵魏秦 阅读(337) 评论(0) 推荐(0)
css3的transform变换scale和translate等影响jQuery的position().top和offset().top
摘要：css3的transform变换scale和translate等影响jQuery的position().top和offset().top 阅读全文
posted @ 2018-07-06 17:22 齐楚燕韩赵魏秦 阅读(1067) 评论(0) 推荐(0)
CSS中background-position使用技巧
摘要：一.background-position:left top; 背景图片的左上角和容器(container)的左上角对齐，超出的部分隐藏。等同于 background-position:0,0;也等同于background-position:0%,0%; 二.background-position: 阅读全文
posted @ 2018-06-07 14:53 齐楚燕韩赵魏秦 阅读(3261) 评论(0) 推荐(0)
user-select详解
摘要：语法： user-select：none | text | all | element 默认值：text 适用于：除替换元素外的所有元素 继承性：无 动画性：否 计算值：指定值 user-select：none | text | all | element 默认值：text 适用于：除替换元素外的所 阅读全文
posted @ 2018-04-25 17:26 齐楚燕韩赵魏秦 阅读(777) 评论(0) 推荐(0)
惊人的CSS和JavaScript动画logos例子
摘要：https://codepen.io/lindell/pen/mEVgJP Stack Overflow logo是我最喜欢的logo之一，因为它非常简单，但易于识别。并且这个片段动画点击预览Stack logo图标只使用纯CSS3。这是迄今为止我见过的最令人印象深刻的纯CSS动画之一，最终产生的l 阅读全文
posted @ 2018-04-25 17:22 齐楚燕韩赵魏秦 阅读(268) 评论(0) 推荐(0)
ios，弹窗遮罩滚动穿透解决方案
摘要： 阅读全文
posted @ 2017-07-21 16:11 齐楚燕韩赵魏秦 阅读(1488) 评论(0) 推荐(0)
字体图标出现乱码的兼容方案
摘要：/* 只需在iOS4.3+/Android2.2+上运行的网页 */ @font-face { font-family: "iconfont"; src: url("iconfont.ttf") format("truetype"); } /* 需兼容各浏览器的网页。注意: 最后的svg没有指定format */ @font-face { font-family: "iconfont"; ... 阅读全文
posted @ 2017-07-13 20:05 齐楚燕韩赵魏秦 阅读(5018) 评论(0) 推荐(0)
CSS子元素设置margin-top作用于父容器？
摘要：CSS子元素设置margin-top作用于父容器？ 原因： 这就是原因了。“嵌套”的盒元素也算“毗邻”，也会 Collapsing Margins。这个合并Margin其实很常见，就是文章段落元素<p/>，并列很多个的时候，每一个都有上下1em的margin，但相邻的<p/>之间只会显示1em的间隔 阅读全文
posted @ 2016-07-07 15:40 齐楚燕韩赵魏秦 阅读(859) 评论(0) 推荐(1)