本文，我们将一起利用纯 CSS，实现如下这么个酷炫的效果： 在一年前，我介绍了 CSS 中非常新奇有趣的一个新特性 -- @scroll-timeline：革命性创新，动画杀手锏 @scroll-ti

使用HTML、CSS和 JS创建方向感知磁性悬停按钮，使扩展的圆圈在用户的光标移动到按钮区域内时跟随光标，从而创建出磁性效果，CSS提供视觉方面，而JS添加了动态，有趣的交互为界面添加了活泼的触感

TCP（传输控制协议）是一种可靠的面向连接的协议，它使用三次握手和四次挥手来建立和终止连接。下面详细解释三次握手和四次挥手的过程

HTML5的拖放即抓取对象以后拖到另一个位置，可以看到用户可使用鼠标选择可拖拽元素，将元素拖拽到可放置元素，并释放鼠标按钮以放置这些元素。拖拽操作期间，会有一个可拖拽元素的半透明快照跟随着鼠标指针。

接上文的浏览器输入url会发生什么 - 巨详细完整版。这里我们细说关于http缓存，还有当http握手挥手遇到的问题等

vue3发布这么久了，由于工作和各种原因，一直没能真正上手用vue3写项目。目前工作中也一直没能用到vue3，但时间挺多的，就抽时间学习一下vue3。今天的内容是从零开始搭建一个vue3项目。 vue

思路：一个容器包裹两张图片；一份静态图片一直放着；一份动态移动位置的图片，外面包裹一层作为放大镜，设置溢出隐藏；绑定移动事件，让图片和图片放大镜移动位置相反即可； 效果：由于gif帧率问题，看着卡，实

今天要实现的效果如图所示，核心CSS代码不到10行，仅一个img元素无伪元素，鼠标悬停是图片卡片会有3D翻转的效果，且动画过程中还带有发光的效果。

看B站这个动画banner好几个版本了，不知道是一个月更新一次新版动画，还是多少天更新一次（没有天天去看，但估算是一月更新一版UI，以后注意观察）。刚看到的时候很感兴趣，不像视频素材或者gif素材..