View Code? Open in Web Editor
NEW
Themuuln Undrakhbayar's Final Portfolio Website
Home Page: https://themuuln.vercel.app
License: MIT License
CSS 4.77%
TypeScript 75.76%
JavaScript 19.04%
Shell 0.06%
SCSS 0.38%
final-portfolio's Introduction
final-portfolio's People
Contributors
Stargazers
Watchers
final-portfolio's Issues
It's just an example issue
Testing
2023-07-04T08:43:09.175000+00:00 - themuuln
|
const [hoverType, setHoverType] = useState(<FiArrowUpRight />); |
|
const [cursorVariant, setCursorVariant] = useState("default"); |
|
const { mousePosition } = useWindowEvents(); |
|
|
|
const variants: VariantsType = { |
|
default: { |
|
x: mousePosition.x - 5, |
|
y: mousePosition.y - 5, |
|
}, |
|
text: { |
|
height: 101, |
|
width: 101, |
|
x: mousePosition.x - 51, |
|
y: mousePosition.y - 51, |
|
mixBlendMode: "color-dodge" as MixBlendMode, |
|
}, |
|
}; |
|
const variants2: VariantsType = { |
|
default: { |
|
x: mousePosition.x - 17, |
|
y: mousePosition.y - 17, |
|
}, |
|
text: { |
|
height: 126, |
|
width: 126, |
|
x: mousePosition.x - 63.5, |
|
y: mousePosition.y - 63.5, |
|
mixBlendMode: "color-dodge" as MixBlendMode, |
|
}, |
|
}; |
|
const variants3 = { |
|
default: { |
|
x: mousePosition.x - 3, |
|
y: mousePosition.y - 3, |
|
}, |
|
text: { |
|
height: 51, |
|
width: 81, |
|
display: "flex", |
|
x: mousePosition.x - 41, |
|
y: mousePosition.y - 26, |
|
}, |
|
transition: { |
|
type: "spring", |
|
damping: 11, |
|
stiffness: 51, |
|
restDelta: 1.001, |
|
}, |
|
}; |
|
const textEnter = () => setCursorVariant("text"); |
|
const textLeave = () => setCursorVariant("default"); |
Smooth scrolling
2023-07-04T08:46:39.982000+00:00 - themuuln