css
-
深入学习CSS中的 :is() 和 :where()，让样式代码更简洁！
本篇文章带大家深入了解css中的两个比较高效的选择器，通过它们可以用更少的代码去更有效地选择元素，进而简化代码，下面一起来看看吧！ 新人在入门CSS的时候，往往最困惑的就是两件事情（个人想法）：1. CSS是基于文档流的，有些时候编写的代码，并不符合自己的预期！2.复杂的选择器，什么场景用什么选择器…
-
CSS怎么实现瀑布流？两种方式介绍
css怎么实现瀑布流？下面本篇文章给大家介绍一下使用css实现瀑布流的两种方式，希望对大家有所帮助！ 瀑布流又称瀑布流式布局，是比较流行的一种网站页面布局方式。在手机端进行多图片展示时会经常用到。即多行等宽元素排列，后面的元素依次添加到其后，等宽不等高，根据图片原比例缩放直至宽度达到我们的要求，依次…
-
给文字添加渐变、描边、投影效果的两种方式（CSS和SVG）
本篇文章给大家介绍一下使用css和svg给文字添加渐变、描边、投影效果的方法，希望对大家有所帮助！ 在一些 web 活动页中经常能看到特殊处理的标题文字，比如这样的 暂时忽略掉特殊字体，通过设计稿的图层样式可以发现，共有 3 个文字特效，分别是渐变、描边、投影 立即学习“前端免费学习笔记（深入）”；…
-
手把手带你通过5个例子来熟悉CSS变量！
大家对css变量熟悉吗？如果不熟悉，不要紧！下面本篇文章就来给大家介绍一下css变量，通过5个例子来带大家熟悉css变量，希望对大家有所帮助！ 随着 Web应用程序变得越来越大，CSS变得越来越大，越来越冗长，而且混乱不堪。 在良好的上下文中使用CSS变量，可为我们提供重用和轻松更改重复出现的CSS…
-
纯CSS做一个烟花绽放动画（代码示例）
本篇文章带大家使用纯css做一个烟花绽放动画，希望对大家有所帮助！ 最近项目上需要做一个烟花动画，要求是随机大小，不同地方出现，先看效果 一、选择合适的动画 什么样的场景决定使用什么样的动画。比如一些比较轻量、装饰性的动画，CSS 动画就足够了，而一些对动画要求比较高的运营活动，创意小游戏等，JS …
-
css数字文本过长被隐藏了怎么办
css数字文本过长被隐藏的解决方法：1、打开相应的HTML文件；2、使用“word-break”属性，给包含数字的元素添加“word-break:break-all;”样式，让数字文本自动换行即可全部显示出来即可。 本教程操作环境：windows7系统、CSS3&&HTML5版、De…
-
css怎么去掉表格重复的边框
在css中，可以使用border-collapse属性来去掉表格中重复的边框，该属性可以设置表格边框是折叠为单一边框还是分开的，只需要将值设置为collapse即可把重叠的边框合并在一起，成为一个边框，实现单线边框的效果。 本教程操作环境：windows7系统、CSS3&&HTML5…
-
巧用css filter的drop-shadow()函数创建线条光影效果
本文将介绍一种利用 css 滤镜 filter 的 drop-shadow()，实现对 html 元素及 svg 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。 通过本文，你可以学到： 如何利用 filter: drop-shadow() 对元素的部分内容添加单重及多重阴…
-
让网站更酷炫的CSS filter使用小技巧，值得收藏！
巧用css filter，可以让网站更加酷炫。本篇文章就来给大家分享一些css filter使用小技巧，希望对大家有所帮助！ 下面就来开始本篇文章的内容吧！ 我们在处理图片时，经常使用的一个功能就是滤镜，它能使一张图像呈现各种不同的视觉效果。 立即学习“前端免费学习笔记（深入）”； 在 CSS 中，…
