site does not work in mobile version

Asked

Viewed 903 times

2

I made a site that in turn should be responsive it will have to work on portable devices but I used a feature called Animate.css of this file I used the following effects :

fadeInDown,fadeInUp,fadeInLeft and fadeInRight

they work properly on my site but I went to make a test on my mobile reminding that I am doing a test localhost without internet and they do not work because the purpose of this effect and that the images will appear as I scroll the page and it does not happen and I need to make a specific code for mobile ? I have that doubt

javascript android html5 css3
  • 3

    Which phone? Which browser for mobile?

  • "I’m running a localhost test without internet " and how are you passing the files and using on mobile?

  • @Sergio probably accessing the IP of the main machine, for example I can access my localhost on any device connected to my network if I use the correct IP.

2 answers

1

Guy just for free you are using a css library (Animate) that works with the css property based on the @keyframe rule. Check the usage of the proprietary prefixes for Mozilla and the Webkit engine. I say this because I didn’t see your code to know how you used and along with the table that friend posted to make sure where this animation module will funfar. Abs!

1

It is possible that your mobile has no support for this feature.

Check the mobile browser version if supported for these purposes, warning that this effect is done by CSS animation-name and other features.

According to the website caniuse.com#css-Animation:

inserir a descrição da imagem aqui

Another site:

MDN CSS-Animation

Browser other questions tagged javascript android html5 css3

You are not signed in. Login or sign up in order to post.