CSS实现隐藏搜索框功能(动画正反向序列)
顶部菜单栏中放置搜索框是一个常见的场景，但如果搜索功能使用的不那么频繁，同时菜单栏中内容本来就比较拥挤，再放一个完整的搜索框在那就显得不那么美观。因此也有一个挺常见的做法是，只放一个搜索图标，需要时再显示整个搜索框，如下图所示：实现思路起始状态时搜索框没有显示，鼠标移入后从右侧滑入，因此不能使用搜索
2026-03-28
CSS 实现Chrome标签栏的技巧
这次来看一个带特殊圆角导航栏布局，如下谷歌浏览器的标签栏：这样一个布局如何实现呢？下面介绍几种方法一、伪元素拼接假设有这样一个 HTML 结构 Svelte API
2026-03-28
css中z-index: 0和z-index: auto的区别
最近在学习层叠上下文，学习的过程中对z-index为0和为auto有什么区别产生了疑问，于是去百度查了一下资料。发现了一些问题，结合自己的实践（实验？）整理出了这篇笔记。勘误查资料时发现有一种说法是z-index为0是会创建新的层叠上下文，0会在auto上面。后半句话是错误的，z-index: 0与
2026-03-28
