腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端小叙

专栏作者

407

文章

781177

阅读量

44

订阅数

css设置按钮心跳收缩后，按钮文字上下抖动，如何解决？

css 动画浏览器性能优化

如题，给一个按钮写一个 css 心跳收缩动画后，按钮中的文字会上下抖动，解决方案为 will-change: transform;

2024-03-27

740

css设置背景模糊周边有白色光晕，如何解决？

background filter position 解决方案 css

需求：想要给一个展示图片的区域底部加一个该图片的放大后的背景，并模糊 20，并增加一个黑色 0.6 透明度的遮罩

2024-03-21

830

font-weight 对应的默认字体粗细权重

在 CSS 中，font-weight 属性的默认值是 normal。这通常对应于字体权重的数值 400。

2024-01-04

1640

css屏蔽图片长按选中下载

css 解决方案开发事件移动端

在移动端开发中，我们通常不希望页面的图片被长安选中可下载，会禁用图片选中事件，这时，css不能使用通配符全局设置 pointer-events:none; 否则会把所有点击事件禁用。

2023-07-10

2230

css border不能同时设置圆角和 border-image

css html border gradient image

如标题，css border不能同时设置圆角和 border-image，当我想要实现既有圆角，并给圆角加 border-image的时候，发现无法同时生效，只有 border-image会生效。

2023-07-10

4580

css选择器选择父元素下子元素仅有一个指定 class 的时候

css html class meta 解决方案

对于仅指定一个 class 的场景，我们通常会想到使用 :last-child 或者 :only-child

2023-05-31

1.4K0

css选择器选择奇数行或偶数行

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。

2022-12-06

2K0

css 实现视频人物不被弹幕遮挡

https 网络安全 css html 网站

在视频平台看剧的时候，总会发现各家都已实现在有人物出现的时候，弹幕会藏在背后的情况，关键是，虽然弹幕被藏在背后，但是点击被遮挡的弹幕位置依然可以点赞成功，真是感觉特别神奇。

2022-11-16

4910

transform rotate实现环形进度条

转载请注明出处：https://www.cnblogs.com/beileixinqing/p/16738059.html

2022-09-30

9870

浏览器关键路径渲染快速记忆

html css javascript node.js 渲染

浏览器渲染路径，先构建 DOM 树，再构建 CSSOM 树，DOM 树再与 CSSOM 树合并为渲染树，之后再进行布局、绘制，完成渲染过程。

2022-09-24

1840

requestAnimationFrame实现单张图片无缝持续滚动

css http 编程算法

在很久以前，有写过一个使用 js 实现单张图片持续滚动图片的代码，但那一版实现会持续操作DOM，向DOM中插入元素，性能较差，最近发现 requestAnimationFrame 通过动画的方式实现图片滚动更加方便，遂重新实现了一版，效果更赞，性能更好。

2022-05-09

3.4K0

js实现单张或多张图片持续无缝滚动

css html hidden overflow 动画

想要实现图片持续滚动，既然使用js,就千万不要加css动画、过渡等相关样式，如果想要滚动的平滑一下，可以一像素一像素的感动，则很平滑，如果加了过渡动画，当图片重置为0时，会有往回倒的动画效果，跟预期不符。

2020-05-11

7.5K0

纯css实现单张图片无限循环无缝滚动

html https css 网络安全

参考链接：https://blog.csdn.net/qq_20777797/article/details/77916029

2020-03-13

3.5K0

css媒体查询aspect-ratio宽高比在less中的使用

css https http 网络安全

css媒体查询有一个宽高比很方便，aspect-ratio ，可以直接使用宽/高来进行页面适配使用样例如下：

2019-08-08

3K0

js动态设置padding-top遇到的坑

我想通过js动态设置元素padding-top的百分比值：以下几种都是无法设置成功的:

2019-07-10

3K0

vue实现文章内容过长点击阅读全文功能

直接上代码： html: <div class="bodyFont clearfloat" id="bodyFont" ref="bodyFont" :class="{bodyHeight:contentStatus}"> <div v-html="content"></div> </div> <div class="contentToggle" v-if="contentStatus" @click="contentStatus=!contentStatus">阅读全文</div> css

2018-04-12

1.6K0

文字描边css

-webkit-text-stroke: 3.3px #2A75BF; -webkit-text-fill-color：#fff; 该方法在安卓端貌似不支持，显示为一团或： -webkit-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; -moz-text-shadow:#000 1px 0 0,#000 0 1px 0,#000 -1px 0 0,#000 0 -1px 0; text-shadow:#000

2018-04-12

1.4K0

ul li列表元素浮动导致border没有底边解决办法

如图，当ul li，li元素浮动，并且ul元素也overflow:hidden清除浮动的时候，给li元素加了border,但是不显示底边，这时候要看是不是没有给li元素加高，因为加了border之后默认li的高度会继承ul的，再加上border的像素则超出了ul的高度，而高度设置了overflow：hidden;所以被遮盖住了其中一个边。 ul{ width:60%; margin:0 auto; overflow: hidden; box

2018-04-12

1.1K0

css实现图片横向排列滚动

.imageList{ overflow-x: auto; overflow-y: hidden; height:180px; white-space: nowrap; img{ width:auto; height:100%; margin-right:10px; } } <div class="imageList"> <img src="1.jpg"/>

2018-04-12

5.6K0

不确定行数的多行文本垂直水平居中的css

ul li { position:relative; display: table; width:3rem; height:3rem; background:url('image/defaultBg.jpg') 0 0/100% 100% no-repeat; float:left; margin-bottom:0.2rem; text-al

2018-04-12

1.3K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态