css
文章平均质量分 73
una_mattina7
这个作者很懒,什么都没留下…
展开
-
CSS Grid 网格布局详解
网格布局(Grid)是CSS中最强大的布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。上图这样的布局,就是 Grid 布局的拿手好戏。Grid 布局与 Flex 布局 有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列",产生单元格,然后指定"项目所在"的单元格,可以看作是二维布局。Grid 布局远比 Flex 布局强大。原创 2023-03-30 21:24:31 · 2569 阅读 · 4 评论 -
CSS实现聚光灯特效
将两个SpotLight文字完全重叠,后面那个是深灰色,前面的是亮颜色的,再将前面的文字套用圆形遮罩,最后加上CSS Animation就可以了。如果要实现渐变色,只需给伪元素添加渐变背景图片,将文字颜色设成透明,然后使用。设置元素的背景(背景图片或颜色)是否延伸到边框、内边距盒子、内容盒子下面。其中text属性表示背景被裁剪成文字的前景色。通过在动画序列中定义关键帧(或 waypoints)的样式来控制 CSS 动画序列中的中间步骤。使用裁剪方式创建元素的可显示区域。区域内的部分显示,区域外的隐藏。原创 2022-12-16 11:25:26 · 1353 阅读 · 0 评论