Make appear animation for diagonal div using bootstrap 4

57
July 16, 2019, at 1:00 PM

I would like to run an animation on 2 diagonal divs. The first one should appear from the right, the second one should appear from the left. I tried different solution found on internet since it's my first time doing animation, but nothing worked as expected.

<section class="page-section h-100 text-center text-white" id="services" >
    <div class="container-fluid toLeft" id="slideInRight">
        <div class="container">
            <h1>Sei in cerca di un PT?</h1>
            <p class="font-weight-light">Potrai entrare in contatto con il personal trainer perfetto per te. Inizia subito il tuo percorso verso il corpo dei tuoi sogni</p>
            <button id="signInAsUser" type="button" class="btn btn-dark loginService">Iscriviti come cliente</button>
        </div>
      </div>
      <div class="container-fluid toRight" id="slideInLeft">
        <div class="container">
          <h1>Sei un PT in cerca di clienti?</h1>
          <p class="font-weight-light">Potrai offrire le tue conoscenze tecniche agli utenti, aiutandoli a raggiungere i propri obiettivi</p>
          <button id="signInAsPt" type="button" class="btn btn-danger loginService">Iscriviti come PT</button>
        </div>
      </div>
</section>

Demo: https://jsfiddle.net/4b6283m9/

READ ALSO
How to scrape page requiring cookies and javascript in PHP

How to scrape page requiring cookies and javascript in PHP

Is there an easy way to emulate cookies and javascript with a php script scraping a web page requiring it?

25
How to implement auto assign order in slim framework?

How to implement auto assign order in slim framework?

In our mobile application we want to add auto assign functionality for agent regarding end customer order

30
How to convert json value database to html

How to convert json value database to html

I have notification table on my database where the value is using like json

54
How to detect the anomaly in a time series data(specifically) with trend and seasonality present in it?

How to detect the anomaly in a time series data(specifically) with trend and seasonality present in it?

I want to detect the outliers in a "time series data" which contains the trend and seasonality componentsI want to leave out the peaks which are seasonal and only consider only the other peaks and label them as outliers

41