开发示例:NotionNext自定义鼠标特效

category
tags
type
status
slug
date
password
Last edited time
Aug 14, 2023 11:05 AM
summary
icon
💡
这是一个开发示例,通过本文您将学会,如何用NotionNext中的快速插入自定义功能,比如自定义的鼠标特效。
按次教程,您的网页当鼠标点击后,指针点击处将浮现“社会主义核心价值观”的词条。
notion image

操作步骤

您需要分别修改项目中的两个文件 /public/js/custom.js 以及 /public/css/custom.css , 即可实现该点击特效。

1. 脚本

在您的仓库中找到 /public/js/custom.js , 这里可以填写你的自定义js脚本,在文件结尾添加以下内容
如图
notion image

2. 动画样式

/public/css/custom.css 中添加如下样式
如图
notion image
 

结束

修改以上两个文件后,项目重新部署,任务完成。
5. Tailwind CSS1.社群守则
  • Twikoo
  • Giscus
  • Cusdis