D
D
Darya Shvakh2019-05-11 05:29:50
Google Chrome
Darya Shvakh, 2019-05-11 05:29:50

Why doesn't https://animate.css/ work on the client when logging in via Chrome?

Good afternoon. Why is the animate demo not displayed
when logging in via Chrome and Mazila on animate.css ? ( But when logging in on the same client via Opera, everything is OK. 1) When logging in in Incognito mode, it is also not displayed. 2) The console in Incognito mode is empty (but the properties are not displayed). 3) Translator - disabled. 4) Extensions - disabled. 5) Chrome - removed (of course, the cache with garbage), and reinstalled. 6) Antivirus - disabled. 7) Dust from the monitor - wiped off. What is it? Mystic? Thank you! P/S Gentlemen, who voted that this question is simple, maybe you will publish a "simple" solution.

Answer the question

In order to leave comments, you need to log in

1 answer(s)
N
nike4192, 2019-05-12
@nike4192

Everything works (Chrome 74, Firefox 66) on Windows 10
Here you can learn about CSS animations - https://html5book.ru/css3-animation/ ,
I advise you to read sites such as:
- https://learn.javascript.ru
- https ://developer.mozilla.org/ru/
because animate.css is just styles (in which animations are written) and some js

function testAnim(x) {
    $('#animationSandbox').removeClass().addClass(x + ' animated').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function(){
      $(this).removeClass();
    });
  };

  $(document).ready(function(){
    $('.js--triggerAnimation').click(function(e){
      e.preventDefault();
      var anim = $('.js--animations').val();
      testAnim(anim);
    });

    $('.js--animations').change(function(){
      var anim = $(this).val();
      testAnim(anim);
    });
  });

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question