lity icon indicating copy to clipboard operation
lity copied to clipboard

Slow Down Open Animation

Open alexcape opened this issue 6 years ago • 4 comments

Hey - first, awesome plugin.

Just curious if there's a simple way of slowing down the load-in of the black background for the lightbox. I see in the CSS there are transitions that bring the elements in but so far nothing has helped me slow down the fade-in/load-in of the background. (I was able to slow down the fade-out) How could I go about doing that?

alexcape avatar Apr 17 '18 16:04 alexcape

Same problem here but I need to disable transitions (0 in 0 out)

VigibotDev avatar Oct 18 '18 09:10 VigibotDev

lol it's easy to edit the included CSS

VigibotDev avatar Oct 18 '18 09:10 VigibotDev

I too would like to see the answer to the original question.

dwsiddall avatar Oct 21 '18 14:10 dwsiddall

it's because I answered my own question. I'm not english and I use a lot "lol" for nothing.

Edit the lity.css file and find all "transition" keyword, there is a lot of line like :

  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  -o-transition: -o-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease;

Remplace all float value ".3s" (= 0.3 second) with a bigger value as you want.

VigibotDev avatar Oct 21 '18 17:10 VigibotDev