写在前面
- 偶然看到,这里整理笔记
2024年10月15日
"不止"一分钟课堂:CSS详解-探索阴影的全貌。
·第一讲:我们学习了box-shadow,inset,x偏移,y偏移,模糊半径,扩散半径。颜色:让我们继续text-shadow文本阴影,没有内阴影、扩散半径,也缺少了裁切的特性,但同时也为我们提供了更多可能性。这是一个文本,给它一个初始值都为0的阴影。
·text-shadow将阴影的x,y轴偏移,得到一个简单带阴影的文本。text-shadow:0.04em0.04em0.08em#1CCCFF,增加文本透明度,得到一个有重影的文本。
2024年10月15日
//准备echarts脚本文件
官网下载最新版本:https://echarts.apache.org/zh/download.html
2024年10月15日
《Vue 3:2020年中状态更新》的时候,文中曾经提到过尤雨溪希望7月中旬发布RC版(候选版本),8月初发布3.0正式版。
不过现在已经八月初了怎么还是没发布呢?这个月初到底几号才算是"初"呢?于是我赶紧去github上看看现在到底有没有什么风吹草动,看着看着突然发现一个非常好玩的特性,这个特性我以前就经常这么想:要是我在data里面定义的变量也能在CSS里面用那该多好啊!(大家有没有也这么想过)
2024年10月15日
最近在写一个律师推荐前台的网站,在上面搜索框这里出现了问题,我想把搜索的图标放在搜索框里面,但是弄了半天都不大如意……
话不多说,我们直接进入主题 :
2024年10月15日
2024年10月15日
单靠CSS 就写出创意十足的设计是很困难的。到目前为止,就创建视觉特效而言,CSS 这门语言还是存在诸多限制。想用CSS 写出Photoshop 般的效果,还差得很远,个别情况下仍需要各种奇奇怪怪的招术助阵。
以前,要绕过种种限制,不得不牺牲简洁性(加入大量元素,只为了展示效果的细节),或者牺牲性能(为了展现视觉效果,页面中放了太多图片及JavaScript)。
今天,我们就来介绍几种能够通过CSS 实现的特效。其中用到的一些CSS 特性还很新,浏览器支持不充分,但也有非常成熟的。很多特性在SVG 中已经存在很多年了,最近才加入到CSS 中。
2024年10月15日
Chrome 团队的总结,2023年 CSS 增加了哪些功能 #css#
■ 三角函数,增加了对三角函数 sin()、cos()、tan()、asin()、acos()、atan() 和 atan2() 的支持,使其适用于所有主流引擎
■ 复杂的第 n-* 选择,借助 :nth-child() 伪类选择器,您可以按索引选择 DOM 中的元素
■ 增加了对 @scope 的支持,这是一项 @ 规则,可让您将选择器的范围限定为文档的特定子树
2024年10月15日
渐变色--线性渐变
人类对美的追求是无止境的,色彩的搭配是对美的最基本要求,而其中的渐变,就能给人一种舒缓的感觉,它不那么的突兀,给人一种不逼迫、缓缓地和高逼格感觉。
Css3引入了渐变的功能,有线性渐变和径向渐变两种,今天介绍线性渐变。要注意的是,这里的渐变并不是颜色,而是一种特殊的图像。所以只会在background-image里起作用。
2024年10月15日
filter 是 CSS 中一种强大的图像过滤效果,可以应用各种滤镜来改变图像的外观。它允许我们对图像进行各种各样的处理,如模糊、亮度调节、对比度调节、色彩转换等。
在这篇博客中,我们将深入探讨 CSS filter 的各种滤镜效果,并提供一些示例来帮助你更好地理解和应用它们。