Skip to content
Snippets Groups Projects
Commit 2f03b31c authored by Maximilian Leo Huber's avatar Maximilian Leo Huber
Browse files

added path className

parent 00f7d001
No related branches found
No related tags found
No related merge requests found
Pipeline #416314 passed
......@@ -5,10 +5,6 @@ import { useRef } from 'react';
import { MotionPathPlugin } from "gsap/dist/MotionPathPlugin";
export function HomeAnim() {
gsap.registerPlugin(useGSAP);
gsap.registerPlugin(MotionPathPlugin);
gsap.registerPlugin(ScrollTrigger);
const vectorRef = useRef(null);
useGSAP(
......@@ -43,7 +39,7 @@ export function HomeAnim() {
return (
<div className="row col">
<svg id="svg" viewBox="0 0 2160 4000">
<path d="
<path className="homeAnimLine" d="
M 50 50
C 500 -50 1000 100 1870 50
C 1820 220 2024 528 1870 590
......@@ -55,7 +51,7 @@ export function HomeAnim() {
C 81 1794 21 1977 168 2142
C 499 2246 1403 2325 1081 2142"/>
</svg>
<img className="vector" ref={vectorRef} src={"https://static.igem.wiki/teams/5247/design/placeholders/vector.webp"} alt="vectorImg"/>
<img className="vector" ref={vectorRef} src={"https://static.igem.wiki/teams/5247/placeholders/vector.webp"} alt="vectorImg"/>
</div>
);
}
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment