css hover:before 延迟出现时间

要延迟 CSS `:before` 伪元素的出现时间，可以使用 `transition-delay` 属性来实现。以下是一个示例代码：

/* 设置延迟时间为 0.5 秒 */
.hover:before {
  content: 'Hover me';
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  transition-delay: 0.5s;
}

/* 鼠标悬浮时显示 */
.hover:hover:before {
  opacity: 1;
}

在上面的代码中，`transition-delay` 属性被设置为 `0.5s`，表示在鼠标悬浮元素的 `0.5s` 后才会显示 `:before` 伪元素。你可以根据需要调整这个值，来控制延迟的时间长度。