mirror of
https://github.com/Raghu-Ch/angular-challenges.git
synced 2026-02-10 12:53:03 -05:00
fix(simple-animations): wrong author, challenge number & typos
This commit is contained in:
@@ -1,8 +1,8 @@
|
||||
---
|
||||
title: 🟢 Simple Animations
|
||||
description: Challenge 45 is about learning angular's integrated animation API
|
||||
description: Challenge 46 is about learning Angular's integrated animation API
|
||||
author: sven-brodny
|
||||
challengeNumber: 45
|
||||
challengeNumber: 46
|
||||
command: angular-simple-animations
|
||||
sidebar:
|
||||
order: 17
|
||||
@@ -13,9 +13,9 @@ sidebar:
|
||||
|
||||
Well-designed animations can make your application more fun and straightforward to use, but they aren't just cosmetic. Animations can improve your application and user experience in a number of ways:
|
||||
|
||||
- Without animations, web page transitions can seem abrupt and jarring
|
||||
- Motion greatly enhances the user experience, so animations give users a chance to detect the application's response to their actions
|
||||
- Good animations intuitively call the user's attention to where it is needed
|
||||
- Without animations, web page transitions can seem abrupt and jarring.
|
||||
- Motion greatly enhances the user experience, so animations give users a chance to detect the application's response to their actions.
|
||||
- Good animations intuitively call the user's attention to where it is needed.
|
||||
|
||||
I would recommend you to read the [official documentation](https://angular.io/guide/animations). You will learn everything that is necessary to successfully complete the challenge.
|
||||
|
||||
@@ -27,12 +27,12 @@ The goal of this challenge is to add animations.
|
||||
|
||||
## Constraints
|
||||
|
||||
Don't use any css and utilize angular's integrated `@angular/animations` api.
|
||||
Don't use any CSS and utilize Angular's integrated `@angular/animations` API.
|
||||
|
||||
### Level 1
|
||||
|
||||
Add a fading or moving animation for the paragraphs on the left side
|
||||
Add a fading or moving animation for the paragraphs on the left side.
|
||||
|
||||
### Level 2
|
||||
|
||||
Add a stagger animation for the list on the right side
|
||||
Add a stagger animation for the list on the right side.
|
||||
|
||||
@@ -13,7 +13,7 @@ hero:
|
||||
icon: right-arrow
|
||||
variant: primary
|
||||
- text: Ir al Desafío más reciente
|
||||
link: /es/challenges/angular/45-simple-animations/
|
||||
link: /es/challenges/angular/46-simple-animations/
|
||||
icon: rocket
|
||||
- text: Dar una estrella
|
||||
link: https://github.com/tomalaforge/angular-challenges
|
||||
|
||||
@@ -15,7 +15,7 @@ hero:
|
||||
icon: right-arrow
|
||||
variant: primary
|
||||
- text: Aller au dernier Challenge
|
||||
link: /fr/challenges/angular/45-simple-animations/
|
||||
link: /fr/challenges/angular/46-simple-animations/
|
||||
icon: rocket
|
||||
- text: Donne une étoile
|
||||
link: https://github.com/tomalaforge/angular-challenges
|
||||
|
||||
@@ -13,7 +13,7 @@ hero:
|
||||
icon: right-arrow
|
||||
variant: primary
|
||||
- text: Ir para o desafio mais recente
|
||||
link: /pt/challenges/angular/45-simple-animations/
|
||||
link: /pt/challenges/angular/46-simple-animations/
|
||||
icon: rocket
|
||||
- text: Dar uma estrela
|
||||
link: https://github.com/tomalaforge/angular-challenges
|
||||
@@ -34,6 +34,7 @@ import SubscriptionForm from '../../../components/SubscriptionForm.astro';
|
||||
</Card>
|
||||
|
||||
{' '}
|
||||
|
||||
<Card title="Inscreva-se para ser notificado do desafio mais recente">
|
||||
<SubscriptionForm isNote={false} lang="pt" />
|
||||
</Card>
|
||||
|
||||
@@ -13,7 +13,7 @@ hero:
|
||||
icon: right-arrow
|
||||
variant: primary
|
||||
- text: Перейти к последней задаче
|
||||
link: /ru/challenges/angular/45-simple-animations/
|
||||
link: /ru/challenges/angular/46-simple-animations/
|
||||
icon: rocket
|
||||
- text: Добавить звезду
|
||||
link: https://github.com/tomalaforge/angular-challenges
|
||||
|
||||
Reference in New Issue
Block a user