Ejemplos de uso

Sencillo

import { EffectCircleSquare } from 'effect-circle-square';

<EffectCircleSquare 
  bg={<img src="https://fundacionrh.vercel.app/images/sala_de_prensa/laguna_de_sonso/1.JPG" alt="" />} 
  bgColor='green'
  >
  <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sit eius nam, corporis, similique esse quod, velit temporibus voluptatibus illo pariatur dolore.</p>
  <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sit eius nam, corporis, similique esse quod, velit temporibus voluptatibus illo pariatur dolore.</p>
  <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sit eius nam, corporis, similique esse quod, velit temporibus voluptatibus illo pariatur dolore.</p>
  <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Sit eius nam, corporis, similique esse quod, velit temporibus voluptatibus illo pariatur dolore.</p>
</EffectCircleSquare>

• Resultado:

https://neiderpandales.vercel.app/videos/lib/effect-circle/1.mp4

Responsive

<EffectCircleSquare 
  breackpoint={[
    {
      maxWidth: 1900,
      width: 1500,
    },
    {
      maxWidth: 1200,
      width: 800
    },
    {
      maxWidth: 800,
      width: 500
    },
    {
      maxWidth: 500,
      width: 400
    }
  ]}

• Resultado:

https://neiderpandales.vercel.app/videos/lib/effect-circle/2.mp4