Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Can you export as css animation?

New Here ,
Feb 24, 2019 Feb 24, 2019

A client of mine is developing a mobile app and wanted a boot logo animated. I created this animation in HTML using Animate.

but he needs the file as a css animation.

Is there anyway I can export this as a css animation or convert it to one?

Thank you very much

7.7K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Advocate , Feb 24, 2019 Feb 24, 2019

Hi Jordan

Apart from that Apple won't like it, your general question whether it is possible to export or convert as/to a css animation, I dare say, no that's not possible.

Animate's HTML5 output is focussed on Canvas' 2D context, CSS animations focus on changing HTML elements gradually from one css style rule to another. Two different cups of tea, though it might look similar in some instances.

Klaus

Translate
Community Expert ,
Feb 24, 2019 Feb 24, 2019
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advocate ,
Feb 24, 2019 Feb 24, 2019

Hi Jordan

Apart from that Apple won't like it, your general question whether it is possible to export or convert as/to a css animation, I dare say, no that's not possible.

Animate's HTML5 output is focussed on Canvas' 2D context, CSS animations focus on changing HTML elements gradually from one css style rule to another. Two different cups of tea, though it might look similar in some instances.

Klaus

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 24, 2019 Feb 24, 2019

Okay thank you very much for your response. Is there any program you would suggest to possibly remake the animation in to have it work? Or any other course of action I can take? Is there any other formats that can work? Possibly converting the animation to a .gif and using that instead (My apologies, I'm not too familiar with app development and this is my first time making a boot animation, My client told me they needed it in css when I was nearly finished creating it)

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 24, 2019 Feb 24, 2019

again, that’s probably going to be rejected.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Feb 24, 2019 Feb 24, 2019

What program is usually used to create boot animations?

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Nov 13, 2019 Nov 13, 2019
LATEST

Let's try to help this person find a solution rather than assume the thinking itself -- in use by lots of Editor's Choice apps in the iOS today -- is flawed or incorrect. Twitter and Uber both use animated content that appears on launch; Apple's suggested guidelines don't always mean an execution will "probably be rejected."

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Mentor ,
Feb 24, 2019 Feb 24, 2019

https://www.amerhukic.com/animating-launch-screen-using-gif

Explains a work-around method to insert a GIF animation during launch.

That said, kglad​ is correct in stating that the app will probably be rejected outright, because you are going directly against the Apple guidelines.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines