君子慎独

gsap--瞎玩系列open in new window

import React from "react";
import FadeInAnimation from "./FadeInAnimation";
import './App.css';
const words="Hello darkness my old friend,i've come to talk with you again,because a version softly creeping,left it's seed while i was sleeping"
let str=[];
words.split(',').map((item,index)=>{
str.push(<FadeInAnimation direction="left" style={{
  fontWeight:"bold",
  fontSize:"20px"
}} delay={index} key={index}>{item}</FadeInAnimation>)
return str
})
export default function App() {
  return (
    <div className='App'>
      {str}
    </div>
  );
}

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

# react

react