粘性定位和渐变属性

最新推荐文章于 2023-09-26 10:28:29 发布

Adolph,

最新推荐文章于 2023-09-26 10:28:29 发布

阅读量888

点赞数 4

本文链接：https://blog.csdn.net/Addolp/article/details/105350648

版权

本文探讨了CSS中的两种重要技术：粘性定位和径向渐变。粘性定位允许元素在页面滚动时在特定点保持可见，而径向渐变则展示了如何创建从一点扩散到四周的平滑颜色过渡效果。

摘要由CSDN通过智能技术生成

!-- 粘性定位： position:sticky;

执行逻辑：        默认情况下：当浏览器窗口滚动条不滚动，当前元素没有超出整个浏览器窗口的时候        执行的position:relative;如果元素超出当前窗口则应用的position:fixed;--><!--      position:        static 静态定位        relative  相对定位        absolute  绝对定位        fixed     固定定位        sticky    粘性定位-->

径向渐变：从一个点到四周的颜色的过渡变化。

语法：（必须加浏览器前缀）     background: radial-gradient(center, shape, size, start-color, ..., last-color);    说明：        center：渐变起点的位置，可以为百分比，默认是图形的正中心。        shape：渐变的形状，ellipse表示椭圆形，circle表示圆形。默认为ellipse，如果元素形状为正方形的元素，则ellipse和circle显示一样。        size：渐变的大小，即渐变到哪里停止，它有四个值。 closest-side：最近边； farthest-side：最远边； closest-corner：最近角； farthest-corner：最远角。-->