HTML link to animation on MAC

Hi Boril,

Could you please explain in more details what exactly you want to achieve? The step-by-step instruction and some screenshots will be helpful.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Hella,

1. I'd like to have something similar to this "play animation on hover"
   effect.

   See example below:
   https://tympanus.net/Development/StackMotionHoverEffects/

   1. And secondly, I'm about to have; let's say a background on the landing page where animations are positioned. When you scroll down a
      parallax effect will be in play. You are scrolling down, animations come from both sides in and play.

Thank you in advance,
Boril

Last edited 09 April 2020 by puchenson

Hi Boril,

You need to check that the animation code is correct and also the result will be seen in the browser preview and not in the application. If the cod is correct and inserted in the HTML control, then it should work just fine.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Hella,

thank you for your response on this.

But if it comes to "div" parts of the code, the HTML section does not allow them.
Where should I put the "div's" in then?

And what about the JScript?

Best,
Boril

Hi Boril,

All divs and js code can be inserted into the HTML control. Please provide you code in the text file and also a screenshot of the error message that you get.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Hella,

here I'm sending you an example of what I got when trying to use div.

When I click "done" and then reopen the HTML section, the code has not been saved.

Seem like div's are not allowed.

I'm trying to recreate this:
https://codepen.io/michalsnik/pen/jrOYVO

Why did that happen?

Best,
Boril

Last edited 09 April 2020 by puchenson

Hi Boril,

The code in the screenshot looks like the one that is the actual element that should be placed in the page and not in the head section. Use the HTML control to add that code and not the Site Settings tab.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Hella,

thank you for your help!

I gave it a try but unfortunately there"s something wrong I'm doing here.

Could you please take a look at the case?

I've placed the 3 codes into the page section. The HTML, the CSS, and the JS into the section.

It renders the elements but the two who should come from the side are still not working.

I'm sending you the NP file to look at as well.

I'd just like to grasp the main idea of how it works with NP and codes.

Thank you in advance,
Boril

Last edited 11 April 2020 by puchenson

Hi Boril,

The js provided in the codepen example initiates some function but there is no link to the corresponding js file (AOS library). You need something more to make it work. I suggest that you search for the complete solution pack. Most probably you can find it on Github.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi Olivia,

How can I link to an external library?

Mostly we need HTML, CSS, JS which I can place inside Nice Page.
But what happens when I need an external source?

Where do I have to paste the link inside NP?

Best,
Boril

Hi Boril,

You can link external js/css file under the Page Properties or Site Settings >> HTML >> Additional HEAD HTML:

<script src="URL_JS_FILE"></script>
<link rel="stylesheet" href="URL_CSS_FILE">

Please let us know if you have any further questions.

...................................................
Sincerely,
Olivia
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp