You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: 7-animation/2-css-animations/article.md
+8-8Lines changed: 8 additions & 8 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -102,25 +102,25 @@ Proprietatea `transform` este animată astfel:
102
102
}
103
103
```
104
104
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:
106
106
107
107
```js
108
108
stripe.classList.add('animate');
109
109
```
110
110
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.
112
112
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ă:
114
114
115
115
[codetabs src="digits-negative-delay"]
116
116
117
-
JavaScript does it with an extra line:
117
+
JavaScript face asta cu o linie suplimentară:
118
118
119
119
```js
120
120
stripe.onclick=function() {
121
121
let sec =newDate().getSeconds() %10;
122
122
*!*
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ă
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.
133
133
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.
135
135
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.
0 commit comments