|
|
@@ -1,5 +1,6 @@ |
|
|
|
import { motion, AnimatePresence } from 'framer-motion'; |
|
|
|
import { useRef, useEffect, useMemo } from 'react'; |
|
|
|
import cls from '../index.module.css'; |
|
|
|
|
|
|
|
function EnterToFloorOne(props) { |
|
|
|
const vd = useRef(null); |
|
|
@@ -47,6 +48,20 @@ function EnterToFloorOne(props) { |
|
|
|
<video ref={vd} muted width={'100%'}> |
|
|
|
<source src="/video/floor1.webm" type="video/mp4" /> |
|
|
|
</video> |
|
|
|
|
|
|
|
<motion.div |
|
|
|
className={cls.videoLayer2} |
|
|
|
key="eto1div" |
|
|
|
style={{ |
|
|
|
top: '340px', |
|
|
|
left: '690px', |
|
|
|
height: '760px', |
|
|
|
}} |
|
|
|
animate={{ |
|
|
|
opacity: [0, 0, 0, 0.6, 1], |
|
|
|
transition: { duration: 0.3, delay: 2 }, |
|
|
|
}} |
|
|
|
></motion.div> |
|
|
|
</motion.div> |
|
|
|
)} |
|
|
|
</AnimatePresence> |
|
|
|