rcaferati / react-awesome-slider

React content transition slider. Awesome Slider is a 60fps, light weight, performant component that renders an animated set of production ready UI general purpose sliders with fullpage transition support for NextJS and GatsbyJS. 🖥️ 📱
https://fullpage.caferati.me
MIT License
2.94k stars 295 forks source link

How to make the background transparent? #130

Closed daltonfury42 closed 4 years ago

daltonfury42 commented 4 years ago

Hi, I am not experienced in web development, and hence please spare my basic question. I want to make the background transparent, how do I do this?

const slider = () => (
  <AwesomeSlider>
    <div>
      <img
        style={{ height: '15rem' }}
        src="http://localhost:3000/images/queue_creation.svg"
        alt="create"
      />
      <h4>Title 1</h4>
      <p>Caption 1</p>
    </div>
    <div>
      <img
        style={{ height: '15rem' }}
        src="http://localhost:3000/images/check_status.svg"
        alt="check status"
      />
      <h4>Title 2</h4>
      <p>Caption 2</p>
    </div>
    <div>
      <img
        style={{ height: '15rem' }}
        src="http://localhost:3000/images/queue_creation.svg"
        alt="queue creation"
      />
      <h4>Title 3</h4>
      <p>Caption 3</p>
    </div>
  </AwesomeSlider>
);