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