Css 如何使动画在悬停后保持在其最后一个关键帧？

我试图使一个褪色的段落在鼠标悬停时100%可见，然后即使用户不再在文本上悬停，仍然保持这样

这是我的密码：

#p30 {
  font-family: Frijole;
  opacity: .1;
  font-size: 36px;
  top: 7141px;
  left: 365px;
}

#p30:hover {
  animation: fade 2.3s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
  animation-iteration-count: 1;
}

@keyframes fade {
  from {opacity: .1;}
  to {opacity: 1;}
}

---

使用过渡，并考虑一个很大的值来伪造它

.box{
字体系列：Frijole；
不透明度：.1；
字体大小：36px；
过渡：999s不透明度；
}
.box:悬停{
过渡：1s不透明度；
不透明度：1；
}

此处的文本