标签： css3
Failed to decode downloaded font错误
出现这个问题，首先可以在css中修正一下字体文件的声明。 @font-face { font-family: … 继续阅读Failed to decode downloaded font错误
页面图片显示不清晰
在页面中嵌入图片，UI 设计小姐姐总是反馈在她们的电脑上不清晰，呃…你看，在我的电脑很清晰啊。 #… 继续阅读页面图片显示不清晰
grid属性速记
属性 说明 示例 grid-template-rows 基于行的维度，去定义网格线的名称和网格轨道的尺寸大小 … 继续阅读grid属性速记
css计数器
如果要对一组数据添加序号，首先想到的肯定是<ol>标签，通过设置list-style-type: … 继续阅读css计数器
linear-gradient渐变属性
css中使用linear-gradient可以实现线性渐变的效果。 如下示例可以实现一个红色到蓝色的渐变 di… 继续阅读linear-gradient渐变属性
多行文本超出省略
利用css3的line-clamp属性可以设置超出指定行数显示省略号。 .line-camp( @clamp:… 继续阅读多行文本超出省略
iPhoneX及以上类型的手机前端页面适配
在 iPhoneX 这种怪异的屏幕上，由于存在顶部的刘海和底部的横条，所以，使用普通的布局方式，页面的顶部和底… 继续阅读iPhoneX及以上类型的手机前端页面适配
使用will-change提升动画性能
在之前制作动画效果时，一般使用transform: translateZ(0)来强制使用 GPU 进行加速。但… 继续阅读使用will-change提升动画性能
iPhoneX前端适配
这几年手机更新的速度越来越快，手机屏幕也是各式各样，就拿iphoneX来说，这种怪异的刘海屏，如果把普通的浏览… 继续阅读iPhoneX前端适配
css设置多行文本溢出显示省略号
控制文本显示行数用到了line-clamp这个属性，你可以戳轮子，搬过来直接用即可。 css3还是有很多很好玩… 继续阅读css设置多行文本溢出显示省略号