定位到内容

七月时光

  • 首页
  • Javascript
  • HTML/CSS
  • Linux
  • 工具

标签: css3

关于文本溢出显示省略号

发布日期:2023年1月18日

众所周知,我们可以使用-webkit-line-clamp属性来实现多行文本溢出省略号。 由于溢出的文本是不可… 继续阅读关于文本溢出显示省略号

标签:css3、react、typescript
发布在:HTML/CSS

如何避免mac触摸板左滑误返回?

发布日期:2022年12月29日

使用js的方式就不说了,这几天看到还可以用css来解决这个问题。overscroll-behavior-x。 … 继续阅读如何避免mac触摸板左滑误返回?

标签:css3
发布在:HTML/CSS

Failed to decode downloaded font错误

发布日期:2022年1月18日

出现这个问题,首先可以在css中修正一下字体文件的声明。 @font-face { font-family: … 继续阅读Failed to decode downloaded font错误

标签:css、css3
发布在:HTML/CSS

页面图片显示不清晰

发布日期:2022年1月12日

在页面中嵌入图片,UI 设计小姐姐总是反馈在她们的电脑上不清晰,呃…你看,在我的电脑很清晰啊。 #… 继续阅读页面图片显示不清晰

标签:css3、html5
发布在:HTML/CSS

grid属性速记

发布日期:2021年7月3日

属性 说明 示例 grid-template-rows 基于行的维度,去定义网格线的名称和网格轨道的尺寸大小 … 继续阅读grid属性速记

标签:css3
发布在:HTML/CSS

css计数器

发布日期:2019年8月2日

如果要对一组数据添加序号,首先想到的肯定是<ol>标签,通过设置list-style-type: … 继续阅读css计数器

标签:css3
发布在:HTML/CSS

linear-gradient渐变属性

发布日期:2019年8月1日

css中使用linear-gradient可以实现线性渐变的效果。 如下示例可以实现一个红色到蓝色的渐变 di… 继续阅读linear-gradient渐变属性

标签:css3
发布在:HTML/CSS

多行文本超出省略

发布日期:2019年5月16日

利用css3的line-clamp属性可以设置超出指定行数显示省略号。 .line-camp( @clamp:… 继续阅读多行文本超出省略

标签:css、css3
发布在:HTML/CSS

iPhoneX及以上类型的手机前端页面适配

发布日期:2019年4月2日

在 iPhoneX 这种怪异的屏幕上,由于存在顶部的刘海和底部的横条,所以,使用普通的布局方式,页面的顶部和底… 继续阅读iPhoneX及以上类型的手机前端页面适配

标签:css、css3、html
发布在:HTML/CSS

使用will-change提升动画性能

发布日期:2019年1月23日

在之前制作动画效果时,一般使用transform: translateZ(0)来强制使用 GPU 进行加速。但… 继续阅读使用will-change提升动画性能

标签:css、css3
发布在:HTML/CSS

文章导航

1 … 4 较早文章
Copyright© 2016-2023 七月时光
豫ICP备17010966号-1
Powered by WordPress.