最新消息:Welcome to the puzzle paradise for programmers! Here, a well-designed puzzle awaits you. From code logic puzzles to algorithmic challenges, each level is closely centered on the programmer's expertise and skills. Whether you're a novice programmer or an experienced tech guru, you'll find your own challenges on this site. In the process of solving puzzles, you can not only exercise your thinking skills, but also deepen your understanding and application of programming knowledge. Come to start this puzzle journey full of wisdom and challenges, with many programmers to compete with each other and show your programming wisdom! Translated with DeepL.com (free version)

theme development - How to make animated intro?

matteradmin10PV0评论

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.

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.

Articles related to this article

Post a comment

comment list (0)

  1. No comments so far