ReactHooks——制作一个简单的瀑布流(css)

瀑布流

数据

export const TRAVEL_DATA = [
  {
   
    classname:"animate__bounceInLeft",
    imgsrc: img1,
  },
  {
   
    classname:"animate__bounceInRight",
    imgsrc: img2,
  },
  {
   
    classname:"animate__bounceInUp",
    imgsrc: img3,
  },
  {
   
    classname:"animate__fadeIn",
    imgsrc: img4,
  },
  {
   
    classname:"animate__fadeInDown",
    imgsrc: img5,
  },
  {
   
    classname:"animate__fadeInDownBig",
    imgsrc: img6,
  },
  {
   
    classname:"animate__fadeInLeft",
    imgsrc: img7,
  },
  {
   
    classname:"animate__fadeInLeftBig",
    imgsrc: img8,
  },
  {
   
    classname:"animate__fadeInRight",
    imgsrc: img9,
  },
  {
   
    classname:"animate__fadeInRightBig",
    imgsrc: img10,
  },
  {
   
    classname:"animate__fadeInUp",
    imgsrc: img11,
  },
  {
   
    classname:"animate__fadeInUpBig",
    imgsrc: img12,
  },
  {
   
    classname:"animate__fadeInTopLeft",
    imgsrc: img13,
  }