Skip to content

Instantly share code, notes, and snippets.

@Flow11

Flow11/TrianglesBox.ts Secret

Last active Jun 27, 2020
Embed
What would you like to do?
Zelda BOTW Part 1: TrianglesBox
import React from "react";
import Triangle from "./Triangle";
const TrianglesBox = () => (
<>
<Triangle
animateParams={{ rotate: "-45deg", x: [0, -6, 0], y: [0, -6, 0] }}
className="zelda-botw-triangle-up absolute left-0 top-0 -mx-1"
/>
<Triangle
animateParams={{ rotate: "45deg", x: [0, 6, 0], y: [0, -6, 0] }}
className="zelda-botw-triangle-up absolute right-0 top-0 -mx-1"
/>
<Triangle
animateParams={{ rotate: "45deg", x: [0, -6, 0], y: [0, 6, 0] }}
className="zelda-botw-triangle-down absolute left-0 bottom-0 -mx-1"
/>
<Triangle
animateParams={{ rotate: "-45deg", x: [0, 6, 0], y: [0, 6, 0] }}
className="zelda-botw-triangle-down absolute right-0 bottom-0 -mx-1 z-10"
/>
</>
);
export default TrianglesBox;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment