CSS日常使用
本文记录了开发者在日常开发和学习中使用的 CSS 属性,重点介绍了 `transition` 和 `opacity` 的使用技巧和问题。
* **`transition`**: 用于定义元素在不同状态间切换时的过渡效果,可以通过设置属性名、持续时间、缓动函数和延迟时间来实现平滑的动画效果。
* **`opacity`**: 用于设置元素的不透明度。文章指出,当父元素设置 `opacity` 时会影响其子元素。 推荐两种解决方案:
* 使用 RGBA 设置背景色透明度。
* 使用伪元素(`::before` 或 `::after`)创建一个透明层,通过改变伪元素的背景透明度来实现 hover 效果,避免影响子元素的不透明度。