eleopard's Replies - page 5

Forum Replies Created

Viewing 15 replies - 61 through 75 (of 706 total)

← 1 2 3 4 5 6 … 46 47 48 →

Forum: Plugins
In reply to: [Animate It!] compatibility wordpress 5.8.3

Plugin Author eleopard
(@eleopard)

4 years, 3 months ago

Are you using default Gutenberg editor, or any other custom editor like Elementor?

Forum: Plugins
In reply to: [Animate It!] compatibility wordpress 5.8.3

Plugin Author eleopard
(@eleopard)

4 years, 3 months ago

Hi,

Yes it is.
We have tested it, and its working fine.

However, in case you face any issues, please feel free to let me know here.

Forum: Plugins
In reply to: [Animate It!] Animation runs twice on load causing a flicker

Plugin Author eleopard
(@eleopard)

4 years, 5 months ago

Hi Baggi-t,

Apologies for the delayed reply due to weekend.
Thanks for using he Animate It!

I checked the page in question, and the thing is, your page is loading twice. Hence the animation is also happening each time the page loads.

The reason for this double loading is due to the Cookie plugin being used, and not Animate It!
You can test it out be disabling the Cookie plugin, and the page loads only once.
And the animation also happens once.

The same thing happens once you accept the Cookies, loading is just once after that.

Forum: Plugins
In reply to: [Animate It!] Run animation only once ( when page loads )
Plugin Author eleopard
(@eleopard)

4 years, 5 months ago
Oh. Sorry for not understanding you.
It cannot be done using the plugin.

However, using the following code, the animations would run only on the Homepage.
And that’s usually the very first page where people land anyway, so this can be one of the solutions.

Please do this:

First, Remove this from your custom CSS:
```
.menu-item-104, .menu-item-102, .menu-item-205 {
    animation-duration: 2s;
    animation-name: tada;
}
```
And Add this:
```
.home .menu-item-104, 
.home .menu-item-102, 
.home .menu-item-205 {
    animation-duration: 2s;
    animation-name: tada !important;
}
```
Let me know if this works for you.
Forum: Plugins
In reply to: [Animate It!] Run animation only once ( when page loads )
Plugin Author eleopard
(@eleopard)

4 years, 5 months ago
Hi,

Animation does happen as soon as the page loads.
However, you can add the following in your WordPress back end custom CSS:
```
.menu-item-104, .menu-item-102, .menu-item-205  {
	animation-delay: 2s;
}
```
This would give you a fixed delay of 2seconds, and that’s when the images would be loaded as well.

Let me know if this works for you.
Forum: Plugins
In reply to: [Animate It!] Run animation only once ( when page loads )

Plugin Author eleopard
(@eleopard)

4 years, 5 months ago

Hi takkularapsis,

Thanks for using the Animate It!

I checked the website and I can see that you have already implemented it, and its working perfectly on Chrome, Firefox and Edge.

Good Job!

Forum: Plugins
In reply to: [Animate It!] Exit animation, fade out

Plugin Author eleopard
(@eleopard)

4 years, 6 months ago

Hi planetboris,

Thanks for your interest in the Animate It!
However, I am afraid the transition animation that you want would not be possible using the Animate It!

I believe you will have to add custom animations on theme level to accomplish this.

Forum: Plugins
In reply to: [Animate It!] Translation file error

Plugin Author eleopard
(@eleopard)

4 years, 7 months ago

Hi,

Sorry for the inconvenience.
The thing is, we have not added Russian language to the plugin.
Don’t know why the WP is showing Russian language.

I have passed this request to the dev team. They will remove Russian as soon as possible.

Forum: Plugins
In reply to: [Animate It!] start animation on button click using elementor
Plugin Author eleopard
(@eleopard)

4 years, 8 months ago
This is the code I used:
```
<div id="myDIV" style="text-align: center;">
    <img src="https://visas.wpdevcloud.com/wp-content/uploads/2021/08/animateit-icon.png" />
</div>
<p style="text-align: center;">
    <button onclick="myFunction()">Animate it!</button>
</p>
<script>
function myFunction() {
   var element = document.getElementById("myDIV");
   element.classList.toggle("animated");
   element.classList.toggle("zoomOut");
   element.classList.toggle("duration1");
}
</script>
```
Its pretty straign forward. Please feel free to let me know if you face any issues.
Forum: Plugins
In reply to: [Animate It!] start animation on button click using elementor

Plugin Author eleopard
(@eleopard)

4 years, 8 months ago

Here’s an quick example I tried:
https://visas.wpdevcloud.com/giancarlo-animation/

Please let me know if this is what you want and I’ll share the code with you

Forum: Plugins
In reply to: [Animate It!] start animation on button click using elementor

Plugin Author eleopard
(@eleopard)

4 years, 8 months ago

Hi Gianpizano,

Thanks for your interest in Animate It!

However, I am afraid the functionality you need would not be possible using the plugin alone.

You need to add some simple Javascript and custom HTML code as shown here:
https://www.w3schools.com/howto/howto_js_toggle_class.asp

The tutorial is really simple.
This should toggle the animation classes you want.

Forum: Plugins
In reply to: [Animate It!] Logo spin effect
Plugin Author eleopard
(@eleopard)

4 years, 9 months ago
Hello planetboris,

Thanks for using the Animate It!
What you seek can be easily done using Animate it and a little bit of custom CSS

Here you can find 2 types of spinners that I have created:
https://visas.wpdevcloud.com/3d-spinner/

Please follow these steps:
1. In your WordPress, go to Settings > Animate It! > Custom CSS box and paste the following:
```
.spinner-3d-wrapper {
    perspective: 1200px;
}

.spinner-3d {
    animation-name: spinner3d;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 4s;
    transform-style: preserve-3d;
    backface-visibility: visible;
}

@-webkit-keyframes spinner3d {
    from { -webkit-transform: rotateY(0deg);    }
    to   { -webkit-transform: rotateY(-360deg); }
    }

@keyframes spinner3d {
    from {
          -moz-transform: rotateY(0deg);
          -ms-transform: rotateY(0deg);
          transform: rotateY(0deg);
    }
    to {
          -moz-transform: rotateY(-360deg);
          -ms-transform: rotateY(-360deg);
          transform: rotateY(-360deg);
    }
}
```
2. Now use these DIVs to add the spinners anywhere you want:

1. Vertical Spinner:
```
<div class="animated spinner duration8 infinite" style="text-align:center;">
    Add Icon/Text Here
</div>
```
2. 3d Spinner
```
<div class="spinner-3d-wrapper">
    <div class="animated spinner-3d duration8 infinite" style="text-align:center;">
        Add Icon/Text Here
       </div>
</div>
```
You can change duration8 to higher or lower to decrease/increase the speed

Please let me know if you face any issues.
Forum: Plugins
In reply to: [Animate It!] Would be nice if it worked with the Native WordPress editor out of the box

Plugin Author eleopard
(@eleopard)

4 years, 10 months ago

Hi Andrew,

We have tried adding the Animate It Block to Gutenberg core a few months back.
However, the documentation, as well as the stability of Gutenberg was not very promising.

Me and the team will look over this again for the next major release.

Forum: Plugins
In reply to: [Animate It!] Sliding in from right?

Plugin Author eleopard
(@eleopard)

4 years, 11 months ago

Yes, in that case, a popup would be a better option.
The plugin animation would be relative to its parent DIV

Please feel free to let me know if you face any other issues.

Forum: Plugins
In reply to: [Animate It!] Sliding in from right?

Plugin Author eleopard
(@eleopard)

4 years, 11 months ago

I have changed the images.
I am sorry for not understanding, I though 3 columns is what you needed.

If you’d like to take another turn at it, please feel free to let me know, and I’d try my best to implement it.

Viewing 15 replies - 61 through 75 (of 706 total)

← 1 2 3 4 5 6 … 46 47 48 →