CSS 奇技淫巧 | 妙用混合模式实现文字镂空波浪效果
本文将介绍一个小技巧，通过混合模式 mix-blend-mode 巧妙的实现文字的镂空波浪效果。 起因 一日，一群友私聊问我。如何使用 CSS 实现下述效果，一个文字的波浪效果： 我当时想都没想，就回答道，这个很简单啊。 熟练的打开 CodePen，一顿操作，卧槽，好像事情 ...
原文：CSS 奇技淫巧 | 巧妙实现文字二次加粗再加边框
本文将通过一个实际的业务需求，讲解如何实现 极端场景下文字加粗加边框效果 文字多重边框的效果 需求背景 文字的二次加粗 今天遇到这样一个有意思的问题： 在文字展示的时候，利用了 font weight: bold 给文字进行加粗，但是觉得还是不够粗，有什么办法能够让文字更粗一点呢 emm，不考虑兼容性的话，答案是可以利用文字的 webkit text stroke 属性，给文字二次加粗。 MDN ...
2021-10-28 10:39 0 2412 推荐指数：
相关推荐
python奇技淫巧
本文用作记录，在使用python过程中遇到的一些奇技淫巧，有些代码是本人所写，有些则是python内置函数，有些则取之互联网。在此记录，只为备份以及遗忘时方便查找。 本文将会持续更新，内容仅限记录一些常用好用却又永远记不住的代码或者模块。 控制台操作 ...
Linux 奇技淫巧
为了整理这些命令，花了我一个晚上的时间，但是不弄明白，我就是不爽啊。 1.cmatrix 命令 黑客帝国，就是酷炫，先按F11全屏效果更佳 安装：luffy@ubuntu:~$ sudo apt-g ...
Verilog有什么奇技淫巧？
奇技淫巧我不会，但我这有一些我工作后才学到的一些Verilog写法。数字电路设计主要就是，选择器、全加器、比较器，几个常用逻辑门，再加个D触发器，电路基本都能实现了。写代码其实是个体力活，电路和时序图应该在设计阶段就已经到了你的文档里或在脑子里没来得及写出来。组合逻辑+时序逻辑 ...
Git的奇技淫巧🙈
Git的奇技淫巧🙈 Git常用命令集合，Fork于tips项目 Git是一个“分布式版本管理工具”，简单的理解版本管理工具：大家在写东西的时候都用过“回撤”这个功能，但是回撤只能回撤几步，假如想要找回我三天之前的修改，光用“回撤”是找不回来的。而“版本管理工具”能记录每次的修改 ...
CSS 奇技淫巧 | 妙用 drop-shadow 实现线条光影效果
本文将介绍一种利用 CSS 滤镜 filter 的 drop-shadow()，实现对 HTML 元素及 SVG 元素的部分添加阴影效果，以实现一种酷炫的光影效果，用于各种不同的场景之中。通过本文，你可以学到： 如何利用 filter: drop-shadow() 对元素的部分内容添加单重 ...
CSS 奇技淫巧：动态高度过渡动画
这个问题源自于掘金上的一个留言，一个朋友问到，为什么我下面这段代码的高度过渡动画失效了？ 伪代码大概是这样： { height: unset; transition: all ...
css奇技淫巧-色彩渐变与动态渐变
来源 css渐变 CSS 中设置的渐变是 gradient 数据类型，它是一种特别的image数据类型。使用background-image设置，可叠加设置多个； CSS3 定义了两种类型的渐变（gradients）： 线性渐变 linear-gradient ...