CSS题目系列(4) - 文字穿透遮罩层

在我刚开始学习前端开发不久的时候,曾在一个网站看到过一个效果,当时费尽脑筋,又是Canvas、又是SVG,还是无法实现(其实SVG好像是有办法可以实现的,但当时觉得麻烦就没弄)。 效果就是这样的: ![](https://gd4ark-1258805822.cos.ap-guangzhou.myqcloud.com/images/006mS5wEgy1fxlh53ze9sj31 ...

CSS题目系列(3)- 实现文字切割效果

有一天逛 Codepen 的时候,看到这么一个效果:将文字上下切开两半。 点进去看了一下代码,发现原理很简单,大概就是通过伪类使用attr()函数获取内容,然后进行定位。 你可以点下方链接查看效果: https://gd4ark.github.io/blog-demos/2018-11-26/01.html 正文 先让两个伪元素 ...

CSS题目系列(2) - 实现一个固定比例盒子

在开发过程中,会有这么一个情况,需要将一个盒子的尺寸定义为固定比例,且尺寸需根据视图的尺寸来进行缩放,也就是响应式,常见的多如有矩形、圆形等。 下面我将使用下面的例子为大家进行讲解: ...

CSS题目系列(1) - 可滚动的Table

在开发中,有这样一个需求,Table的表头不动,表身可以滚动,效果请点击以下链接查看: https://gd4ark.github.io/blog-demos/2018-11-25/01.html 正文 假设我们有一个这样结构的表格: Position Na ...

解决 Windows 中设置静态 IP 却始终变回 DHCP 获取问题

不知道为什么,我们学校的工作室里每一台电脑都存在这样一个 BUG,当你设置了静态 IP 后,点击确定,打开 ipconfig 查看,IP 已经设置上了,然而当你再次打开配置 IP 的界面时,却惊讶地发现,他居然神奇地变回了自动获取,这时你重新配置了一个IP,ipconfig再一看,居然有两个 IP 。 解决 当我使用中文去 Google 搜索时,并没有 ...