Limited availability during the holidays
Another busy year is coming to its end, and an exciting year lies ahead. In order to get ready for a fresh new start, our team will spend a few days' rest during the winter holidays. Over the holiday break, we will have reduced staffing from December 20th, 2024, to January 5th, 2025, so please be patient if you do not receive a response as quickly as you normally would.
We send our warmest wishes for happiness, health, and success throughout the coming year. Thank you for your continued support, and may you have a peaceful and blessed Happy Holidays!
Hi,
is it possible to animate a layer within a slide with a regular animation css class ? I have a layer that work ok for the transition IN but I want to animate it after it display.
for example the html code is :
<img src="img/zguegoo-arm.png" class="ls-layer" class="swing-arm" data-ls="offsetxin: left; rotatein: 90;" style="position:relative; top:70%; left:1475px;">
and the animation class linked in the css is :
.swing-arm {
-webkit-animation-duration: 2s;
-webkit-animation-name: swing-arm;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-transform-origin: 110px 5px;
animation-duration: 2s;
animation-name: swing-arm;
animation-iteration-count: infinite;
animation-direction: alternate;
transform-origin: 110px 5px;
}
@-webkit-keyframes swing-arm {
0% {-webkit-transform: rotate(0deg); }
100% {-webkit-transform: rotate(50deg); }
}
@keyframes swing-arm {
but it does not animate once displayed. Any clue about this ?0% { transform: rotate(0deg); }
100% { transform: rotate(50deg); }
}
}
Thanks a lot,
Guilhem
Hey Guilhem,
You do not have to use custom CSS to achieve this animation, you can use the plugin's built-in options instead.
You can set up an infinite loop (middle) transition with rotate for to layer for the same effect.