# \[SOLVED\] guidance on similar animation

**URL:** <https://onehack.st/t/solved-guidance-on-similar-animation/72897>\
**Category:** Tutorials & Methods\
**Tags:** solved, design\
**Created:** [March 9, 2020, 7:38pm UTC](https://onehack.st/t/solved-guidance-on-similar-animation/72897 "2020-03-09T19:38:15Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Pubg\_Love](https://onehack.st/user_avatar/onehack.st/pubg_love/32/19961_2.png) [@Pubg\_Love](https://onehack.st/u/Pubg_Love)\
**Post date:** [March 9, 2020, 7:38pm UTC](https://onehack.st/t/solved-guidance-on-similar-animation/72897/1 "2020-03-09T19:38:15Z")

</div>

I Want same animation as in this website [https://www.paperlesspost.com/](https://www.paperlesspost.com/). Can Please someone guide me through the Process?

---

<div class="post-metadata">

**Author:** ![SpardaKING](https://onehack.st/user_avatar/onehack.st/spardaking/32/31359_2.png) [@SpardaKING](https://onehack.st/u/SpardaKING)\
**Post date:** [March 9, 2020, 7:45pm UTC](https://onehack.st/t/solved-guidance-on-similar-animation/72897/2 "2020-03-09T19:45:21Z")

</div>

use svg elements for animation purposes additionally you can make use of MP4 for back vid of the page ,waht matters is that the link you shared is damn slow you gotta make it load fast and amazing try to better work upon that first

---

<div class="post-metadata">

**Author:** ![Az\_28az11](https://onehack.st/user_avatar/onehack.st/az_28az11/32/19790_2.png) [@Az\_28az11](https://onehack.st/u/Az_28az11)\
**Post date:** [March 9, 2020, 8:21pm UTC](https://onehack.st/t/solved-guidance-on-similar-animation/72897/3 "2020-03-09T20:21:30Z")

</div>

The animations in that website just involves basic css animation.  
Scaling,Rotation,transformation etc.

Getting exactly things like that,would be hard.  
here is a website which helps a lot on understanding these animations.  
Hope this will help you get ideas.  
[1st Web Design](https://1stwebdesigner.com/css-effects/)

Also,right click your mouse on that website and click on inspect option to get further ideas about the design and animations.

---

<div class="post-metadata">

**Author:** ![Margaret](https://onehack.st/user_avatar/onehack.st/margaret/32/174872_2.png) [@Margaret](https://onehack.st/u/Margaret)\
**Post date:** [March 11, 2020, 12:21am UTC](https://onehack.st/t/solved-guidance-on-similar-animation/72897/4 "2020-03-11T00:21:06Z")

</div>

@Az_28az11 is right, it’s custom made!

Check this website, it has many css tricks for you to achieve exactly your need! 🙂

> **[CSS Animation Tricks: State Jumping, Negative Delays, Animating Origin, and...](https://css-tricks.com/css-animation-tricks/)**
>
> I've fallen into the habit of creating CSS animations in my free time, inspired by things I come across during the day. To create the animations as I imagine