Skip to content

Commit b6539d1

Browse files
committed
translated until line 137
1 parent a549134 commit b6539d1

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

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

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -102,25 +102,25 @@ Proprietatea `transform` este animată astfel:
102102
}
103103
```
104104

105-
In the example above JavaScript adds the class `.animate` to the element -- and the animation starts:
105+
În exemplul de mai sus JavaScript adaugă clasa `.animate` la element -- și animația începe:
106106

107107
```js
108108
stripe.classList.add('animate');
109109
```
110110

111-
We could also start it from somewhere in the middle of the transition, from an exact number, e.g. corresponding to the current second, using a negative `transition-delay`.
111+
Am putea de asemenea să o pornim de undeva de la mijlocul tranziției, de la un număr exact, e.g. corespunzănd secundei curente, folosind un `transition-delay` negativ.
112112

113-
Here if you click the digit -- it starts the animation from the current second:
113+
Aici dacă faceți clic pe cifră -- va începe animația din secunda curentă:
114114

115115
[codetabs src="digits-negative-delay"]
116116

117-
JavaScript does it with an extra line:
117+
JavaScript face asta cu o linie suplimentară:
118118

119119
```js
120120
stripe.onclick = function() {
121121
let sec = new Date().getSeconds() % 10;
122122
*!*
123-
// for instance, -3s here starts the animation from the 3rd second
123+
// de exemplu, -3s aici pornește animația din a 3-a secundă
124124
stripe.style.transitionDelay = '-' + sec + 's';
125125
*/!*
126126
stripe.classList.add('animate');
@@ -129,11 +129,11 @@ stripe.onclick = function() {
129129

130130
## transition-timing-function
131131

132-
The timing function describes how the animation process is distributed along its timeline. Will it start slowly and then go fast, or vice versa.
132+
Timing function descrie cum procesul de animație este distribuit de-a lungul cronologiei sale. Va începe încet și apoi va merge repede, sau vice versa.
133133

134-
It appears to be the most complicated property at first. But it becomes very simple if we devote a bit time to it.
134+
La început pare a fi cea mai complicată proprietate. Dar devine foarte simplă dacă îi devotăm puțin timp.
135135

136-
That property accepts two kinds of values: a Bezier curve or steps. Let's start with the curve, as it's used more often.
136+
Această proprietate acceptă două tipuri de valori: o curbă Bezier sau pași. Să începem cu curba, deoarece este folosită mai des.
137137

138138
### Bezier curve
139139

0 commit comments

Comments
 (0)