随笔分类 - CSS3
摘要：1.css断行元效, 添加 white-space: normal; word-break: break-word;
阅读全文
摘要：css3 Transition动画执行时有可能会出现闪烁的bug，一般出现在开始的时候或结束的时候。 解决方法如下：-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d; 需要应用在动画元素上即可估计是Chr
阅读全文
摘要：/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 5px; height: 110px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { -webkit-...
阅读全文
摘要：谷歌、火狐、ie下 select 的默认下拉箭头图标差别还是比较大，一般我们都会清除默认样式，重新设计箭头图标； option样式的简单清除 //这些可以简单的解决一些问题，如果要求美观，就用ul,li等写吧，option很多属性样式不好控制；
阅读全文
摘要：一句 CSS 让 fontawesome 图标字体变细 自从 iOS 某个版本发布之后，前端的流行趋势是什么都越来越细…字体越来越细…图标线条也越来越细。而老物 fontawesome 粗壮的线条风格很显然已经跟不上流行的趋势了，不过在现代的浏览器里，倒是有办法让 fontawesome 改头换面，
阅读全文
摘要：1.scale方法 2.线性渐变linear-gradient, 流览器上面都不完美，效果都是虚的，和完美的0.5px还是有差距 3.使用boxshadow 4.使用SVG 二.几种效果 原址: https://juejin.im/post/5ab65f40f265da2384408a95 三. 画
阅读全文
摘要：1.position+transform 2.flex 3.table-cell 4.absolute+margin 如: 5.浮动方案 absolute + relative 扩展性强，兼容性强;
阅读全文
摘要：图片img加了backface-visibility 属性, 图片变清晰, 原因不明
阅读全文
摘要：一.@font-face是CSS3中的一个模块，把自己定义的Web字体嵌入到你网页中 取值说明 1、YourWebFontName:此值指的就是你自定义的字体名称，最好是使用你下载的默认字体，他将被引用到你的Web元素中的font-family。如“font-family:"YourWebFontN
阅读全文
摘要：一.常见的布局 在讲到响应式布局之前，总结一下在整体页面排版布局，常见的主要的类型有以下几种： 布局的实现有着不同的方式，下面是基于页面的实现单位而言，分成四类：固定布局、可切换的固定布局、弹性布局、混合布局。 （1）固定布局以像素作为页面的基本单位，不管设备屏幕及浏览器宽度，只设计一套尺寸； （2
阅读全文
摘要：1.设置在元素围绕的border的图片,用图片代替边框 1.使用在border上,元素上必须有border属性 2.切下图片像素slice 3.定义中间的区域是重复拉伸还是直接拉伸 浏览器支持 原图片 1.stretch拉伸,slice是30,根据单个小方块来计算 2.round重复小方块平铺,sl
阅读全文
