Skip to content

Commit 97e05cf

Browse files
committed
finished translation
1 parent 4b82f51 commit 97e05cf

File tree

1 file changed

+12
-12
lines changed

1 file changed

+12
-12
lines changed

7-animation/2-css-animations/article.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -510,23 +510,23 @@ Iată un exemplu mai complex, cu `@keyframes`:
510510
</style>
511511
```
512512

513-
## Summary
513+
## Sumar
514514

515-
CSS animations allow smoothly (or step-by-step) animated changes of one or multiple CSS properties.
515+
Animațiile CSS permit modificări animate lin (sau pas cu pas) ale uneia sau mai multor proprietăți CSS.
516516

517-
They are good for most animation tasks. We're also able to use JavaScript for animations, the next chapter is devoted to that.
517+
Ele sunt bune pentru majoritatea sarcinilor de animație. De asemenea putem folosi JavaScript pentru animații, următorul capitol este devotat acestui lucru.
518518

519-
Limitations of CSS animations compared to JavaScript animations:
519+
Limitări ale animațiilor CSS în comparație cu animațiile JavaScript:
520520

521-
```compare plus="CSS animations" minus="JavaScript animations"
522-
+ Simple things done simply.
523-
+ Fast and lightweight for CPU.
524-
- JavaScript animations are flexible. They can implement any animation logic, like an "explosion" of an element.
525-
- Not just property changes. We can create new elements in JavaScript as part of the animation.
521+
```compare plus="Animații CSS" minus="Animații JavaScript"
522+
+ Lucruri simple făcute simplu.
523+
+ Rapid și ușor pentru CPU.
524+
- Animațiile JavaScript sunt flexibile. Ele pot implementa orice logică de animație, cum ar fi o "explozie" a unui element.
525+
- Nu doar modificări de proprietăți. Putem crea elemente noi în JavaScript ca parte a animației.
526526
```
527527

528-
In early examples in this chapter, we animate `font-size`, `left`, `width`, `height`, etc. In real life projects, we should use `transform: scale()` and `transform: translate()` for better performance.
528+
În primele exemple din acest capitol, animăm `font-size`, `left`, `width`, `height`, etc. În proiectele din viața reală, ar trebui să folosim `transform: scale()` și `transform: translate()` pentru o performanță mai bună.
529529

530-
The majority of animations can be implemented using CSS as described in this chapter. And the `transitionend` event allows JavaScript to be run after the animation, so it integrates fine with the code.
530+
Majoritatea animațiilor pot fi implementate folosind CSS așa cum este descris în acest capitol. Iar evenimentul `transitionend` permite ca JavaScript să fie rulat după animație, astfel încât se integrează bine în cod.
531531

532-
But in the next chapter we'll do some JavaScript animations to cover more complex cases.
532+
Dar în capitolul următor vom face câteva animații JavaScript pentru a acoperi cazuri mai complexe.

0 commit comments

Comments
 (0)