Skip to main content

自定义 React 组件

mouseOut​

import MouseOut from "@site/src/components/HoverEffect/MouseOut";

<MouseOut>mouseOut</MouseOut>
<MouseOut type="line">mouseOut</MouseOut>
CSS3魔法!!! —— 鼠标移动到文字上，背景会一行一行的出现！（灵感参考自CodePen - Justin Wong, 链接：https://codepen.io/Wongjn/pen/VwMBgZB）
mouseOut

SwapText​

import SwapText from "@site/src/components/HoverEffect/SwapText";

<SwapText text="SwapText" size="25"/>
SwapText

EmText​

import EmText from "@site/src/components/HoverEffect/EmText";

<EmText text="EmText"/>
EmText

RainbowUnderline​

import SwapText from "@site/src/components/HoverEffect/RainbowUnderline";

<RainbowUnderline text="RainbowUnderline" />
RainbowUnderline