首页 > 其他分享 >CSS 一些个人不常用属性总结

CSS 一些个人不常用属性总结

时间:2024-12-06 22:54:37浏览次数:3  
标签:总结 mandatory 捕获 元素 scroll snap proximity CSS 属性

1. 滚动捕获

  在元素中滚动不会在中间停止 一定会停在元素前方后或后方

    - 需要在父元素中设置 scroll-snap-type: none | [ x | y | block | inline | both ] [ mandatory | proximity ]    eg:  scroll-snap-type: x mandatory;  即时在X轴开启强制捕获

      第一个参数为 设置坐标轴 第二个参数 选择 捕获模式 mandatory 强制捕获 proximity 推荐启用  个人感觉 proximity 效果更好一点

    - 需要在子元素上设置 scroll-snap-align 如何获得捕获点

2. 全站置灰

  一行代码全站置灰 用于一些特殊时期

    - filter: grayscale(1) 置灰 

    - filter: grayscale(0) 正常

标签:总结,mandatory,捕获,元素,scroll,snap,proximity,CSS,属性
From: https://www.cnblogs.com/shirunfeng/p/18591548

相关文章

  • 2024-2025-1 20241305 《计算机基础与程序设计》第十一周学习总结
    作业信息这个作业属于哪个课程2024-2025-1-计算机基础与程序设计(https://edu.cnblogs.com/campus/besti/2024-2025-1-CFAP))这个作业要求在哪里2024-2025-1计算机基础与程序设计第十一周作业这个作业的目标1、计算机网络2、网络拓扑3、云计算4、网络安全5、Web6、H......
  • NOIP2024 复盘总结
    考试过程先把题都看了一遍,感觉T2<T1,就从T2开。推了1h的组合数,发现算重了,就先把\(v\le2\)和\(m\le1\)写了。T2应该是45ptsT2短时间推不出正解,就再看看T1。最开始的思路就是把所有的\(0\)可以移动的区间全部预处理出来,然后贪心匹配。发现大样例没过然后又用了30min修......
  • [学习笔记]更全面的哈希总结
    观前提示:本篇博客主要是关于算法竞赛领域的哈希哈希的思想Hash的核心思想在于,将输入映射到一个值域较小、可以方便比较的范围对于字符串,可重集之类的需要\(O(n)\)比较的输入,如果能够将其映射为一个32位数或者64位数,就可以更方便地比较,这就是字符串哈希.或......
  • 【css】基础(一)
    本专栏内容为:前端专栏记录学习前端,分为若干个子专栏,htmljscssvue等......
  • CSS3——transform属性
    一、前言transform属性是CSS3中新增的一种非常强大的属性,它允许你旋转、缩放、倾斜或平移给定元素。这是通过修改CSS视觉格式化模型的坐标空间实现的。接下来就让我们一起学习transform属性二、transfrom:translate;位移,可以改变元素的位置,translateX让元素沿X轴......
  • transfrom属性案例
    一、前言上一篇文章我们一起学习了transform熟悉,这篇文章就让我们来写一些transform属性的相关案例,让我们能更加熟练地使用transform如果有小伙伴不了解transform属性的可以阅读上一篇文章(https://blog.csdn.net/CYX_COMnn/article/details/144249036?spm=1001.2014.30......
  • Linux学习(1)---文件属性和基本权限理解
    目录一.Linux文件的属性二.Linux用户权限分类三.文件权限的查询与修改1.修改用户的权限1).一般法2).8进制法2.修改所属组和所属者3.如何在创建文件权限预分配在学习linux的时候,我们用ll命令显示文件的详情信息,难免会发现文件名前面会有一大堆其它的字符,那么这些字......
  • Java 2025年面试总结(持续更新)
    1.自我介绍简单一点吧,把自己的情况说清楚,一两分钟即可。2.微服务的组件答:微服务是把一个类似单体项目根据某种维度进行拆分,比如根据功能模块进行拆分。拆分之后,具备了更好的抗压性/扩展性,还可以更好的解耦,但是维护相比之前会更麻烦了常用的组件有SpringCloud。其中里面......
  • 2024-2025-1 20241322 《计算机基础与程序设计》第十一周学习总结
    2024-2025-120241322《计算机基础与程序设计》第十一周学习总结作业信息这个作业属于哪个课程https://edu.cnblogs.com/campus/besti/2024-2025-1-CFAP这个作业要求在哪里https://www.cnblogs.com/rocedu/p/9577842.html#WEEK11这个作业的目标①计算机网络②网......
  • 2024-2025-1 20241401 《计算机基础与程序设计》 第十一周学习总结
    班级链接2024计算机基础与程序设计作业要求第十一周作业作业目标①计算机网络②网络拓扑③云计算④网络安全⑤Web⑥HTML,CSS,Javascript⑦XML教材学习内容总结《计算机科学概论》第15、16章第15章计算机网络基础网络类型局域网(LAN):通常覆盖范围较小......