![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
赖赖赖先生
这个作者很懒,什么都没留下…
展开
-
JQ控制html屏幕缓慢下滑
<div class="catta" style="height:5000px"></div><script type="text/javascript"> $(window).scroll(function(event){ var scrollH = $(this).scrollTop(); // console.log(scrollH); $(".catta").css({原创 2021-11-08 18:26:39 · 535 阅读 · 0 评论 -
CSS毛玻璃效果
效果图: position: absolute; bottom: 100px; width: 100%; height: 130px; background: hsla(0,0,0, .75); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); background-position: center top; background-size: cover;原创 2021-04-23 14:32:50 · 99 阅读 · 0 评论 -
CSS设置背景图像是否固定或者随着页面的其余部分滚动。
test{ background: url(images/video-bg3.png) no-repeat center;width:100%;height:600px;background-attachment: fixed;}原创 2021-02-25 14:20:28 · 917 阅读 · 0 评论 -
css修改overflow-x滚动条默认样式
页面部分:<div class="nr8-box"> <div class="overflowX"> <table> </table></div></div>CSS部分:.nr8 .nr8-box{width:2000px;}.overflowX { width:1500px; overflow-x: scroll;}.overflowX::-webkit-scrollbar{ /*滚动条基本样式,原创 2021-02-05 10:00:12 · 1744 阅读 · 0 评论 -
CSS多余的行数进行省略隐藏
CSS多余的行数进行省略隐藏这里设置为4行文字。 超过4行文字后,省略号代替。CSS代码: font-size:15px;color:#000;margin:5px 0 5px 0;line-height: 25px;text-align:justify; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertica原创 2020-11-09 09:58:57 · 236 阅读 · 0 评论