admin管理员组

文章数量:1130349

There are a few websites that I stumble upon now and then that have animated intros like the one here: www.monotwo

How do I do that in WordPress?

And how would I integrate this into a customs theme?

Thanks.

There are a few websites that I stumble upon now and then that have animated intros like the one here: www.monotwo

How do I do that in WordPress?

And how would I integrate this into a customs theme?

Thanks.

  • theme-development
  • customization
Share Improve this question edited Nov 7, 2018 at 7:39 Krzysiek Dróżdż 25.6k9 gold badges53 silver badges74 bronze badges asked Nov 7, 2018 at 7:13 A.D.A.D. 736 bronze badges
Add a comment  | 

2 Answers 2

Reset to default 2

You can try this.

https://ihatetomatoes/create-custom-preloading-screen/

or you can research follow these keywords to know more detail.

  • how to use CSS3 transitions
  • how to animate out a full-screen preloader
  • how to combine CSS3 with JavaScript for this technique

Monotwo uses SVG + JS for their animation, exported from Adobe CS (probably After Effects or Animate). See Creating a vector animation for the web in a post-Flash world for more info about this process.

You could also animate using Adobe Illustrator or Photoshop, Sketch, Hype - search for "vector animation" to find tools and techniques that fit you.

How do you do this in WordPress, and in a custom theme? Place your exported code in a static front page by using front-page.php.

There are a few websites that I stumble upon now and then that have animated intros like the one here: www.monotwo

How do I do that in WordPress?

And how would I integrate this into a customs theme?

Thanks.

There are a few websites that I stumble upon now and then that have animated intros like the one here: www.monotwo

How do I do that in WordPress?

And how would I integrate this into a customs theme?

Thanks.

  • theme-development
  • customization
Share Improve this question edited Nov 7, 2018 at 7:39 Krzysiek Dróżdż 25.6k9 gold badges53 silver badges74 bronze badges asked Nov 7, 2018 at 7:13 A.D.A.D. 736 bronze badges
Add a comment  | 

2 Answers 2

Reset to default 2

You can try this.

https://ihatetomatoes/create-custom-preloading-screen/

or you can research follow these keywords to know more detail.

  • how to use CSS3 transitions
  • how to animate out a full-screen preloader
  • how to combine CSS3 with JavaScript for this technique

Monotwo uses SVG + JS for their animation, exported from Adobe CS (probably After Effects or Animate). See Creating a vector animation for the web in a post-Flash world for more info about this process.

You could also animate using Adobe Illustrator or Photoshop, Sketch, Hype - search for "vector animation" to find tools and techniques that fit you.

How do you do this in WordPress, and in a custom theme? Place your exported code in a static front page by using front-page.php.

本文标签： theme developmentHow to make animated intro

版权声明：本文标题：theme development - How to make animated intro? 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/questions/1749200491a2331713.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。