Feature: add https://www.transition.style transitions

[negue]

[pooja-gera]

Greetings! This seems to be an interesting issue. I am an IT student currently a Junior at IGDTUW and I would love to contribute to this issue. Can you please provide with some more details about this? Thank-you and have a great day!

[negue]

Hey!

I think I should create those issues with more informations haha.

Currently the animations that are added are from https://animate.style/:

• the syles import are in styles.scss
• each animation are added in animations.ts

while writing this, I saw that https://www.transition.style aren't using class names, but this instead:

<div transition-style="in:circle:bottom-right">
  A transitioned IN element
</div>

I think those animations still could be added in te those arrays in animations.ts , but it would need to be some different logic in media-toggle.directive.ts ( startAnimation , removeAnimation)
so instead of adding the classes - it needs to add this transition-style to the element instead

Hope this helps to explain the scope of this issue / feature

[pooja-gera]

Haha, I am sorry if I made you work extra. This sounds fun, can I work on this one?

[negue]

Yeah sure, feel free to try this feature out :)

Ping me if there is something unclear