頭像滑鼠候選切換為想要的文字

2023年5月10日#CSS #xlog #美化286

AI 翻譯

這篇文章透過AI由簡體中文翻譯成繁體中文。查看原文

AI 生成的摘要

此段程式碼為網站設計，當滑鼠移到博主頭像時，可切換為想要的文字。滑鼠移至頭像時，會顯示一個圖片和文字"NCS.FUN"。

不上圖了，鼠標滑向博主頭像就好

/*--頭像鼠標候選切換為想要的文字*/
.xlog-site-icon {
  position: relative;
  display: flex;
}

.xlog-site-icon::before,
.xlog-site-icon::after {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;


}
.xlog-site-icon:hover::before,
.xlog-site-icon:hover:after {
  width: 100%;
  height: 100%;

}

.xlog-site-icon:hover:after {
  background-image:url('https://xlog.app/_next/image?url=https%3A%2F%2Fipfs.4everland.xyz%2Fipfs%2Fbafkreibiivd46q6qfd6dzri6j6ltw53tzrudcqk7fmxhsj32qbqer7zkra&w=1920&q=75');
  content: "NCS.FUN";

}