title: Fragments with circle transition using viewpager
body: <p>In view pager, i have two fragments which contain the image and its name when we swipe the pager there should be a smooth transition. If we are showing the first fragment left right side second fragment to need to be displayed as shade one when we swipe it the second fragment will get focus and the first fragment will display as shade one. I want to implement as the following image.</p>
  
  <p><a href="https://i.stack.imgur.com/XvJND.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XvJND.gif" alt="GIF of implementation require"></a></p>
  
  <p><a href="https://i.stack.imgur.com/xw8D9.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xw8D9.png" alt="enter image description here"></a></p>
  
  <p>When fragments changing it will show an animation.</p>
  
  <p>I have tried everything in Google, like custom transition and for view pager, carousel imageview </p>
  
  <p><a href="https://www.google.com/url?q=http://www.devexchanges.info/2015/11/making-carousel-layout-in-android.html&amp;sa=D&amp;source=hangouts&amp;ust=1544587349609000&amp;usg=AFQjCNHEG39jAuuOJBaaS-peyqw5-a6eOg" rel="nofollow noreferrer">https://www.google.com/url?q=http://www.devexchanges.info/2015/11/making-carousel-layout-in-android.html&amp;sa=D&amp;source=hangouts&amp;ust=1544587349609000&amp;usg=AFQjCNHEG39jAuuOJBaaS-peyqw5-a6eOg</a></p>
  
  <p><a href="https://www.google.com/url?q=https://github.com/DevExchanges/AndroidCarouselLayout&amp;sa=D&amp;source=hangouts&amp;ust=1544587854474000&amp;usg=AFQjCNFi3y5626M_zin7Umng0EayS5507g" rel="nofollow noreferrer">https://www.google.com/url?q=https://github.com/DevExchanges/AndroidCarouselLayout&amp;sa=D&amp;source=hangouts&amp;ust=1544587854474000&amp;usg=AFQjCNFi3y5626M_zin7Umng0EayS5507g</a></p>
  
  <p>Some of the links which I have tried. </p>
  
  <p>I have even try using single fragment still unable to do.</p>
  
  <p>EDIT:- I have attached gif od implementation.</p>