Skip to content

Commit f363064

Browse files
bogdanbacoscabogdanbacosca
committed
translated tasks
1 parent c71767f commit f363064

File tree

11 files changed

+24
-24
lines changed

11 files changed

+24
-24
lines changed

‎7-animation/2-css-animations/1-animate-logo-css/solution.view/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
flyjet.addEventListener('transitionend', function() {
3535
if (!ended) {
3636
ended = true;
37-
alert('Done!');
37+
alert('Gata!');
3838
}
3939
});
4040

‎7-animation/2-css-animations/2-animate-logo-bezier-css/task.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
importanță: 5
1+
importance: 5
22

33
---
44

‎7-animation/2-css-animations/3-animate-circle/task.md‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,15 @@ importance: 5
22

33
---
44

5-
# Animated circle
5+
# Cerc animat
66

7-
Create a function `showCircle(cx, cy, radius)` that shows an animated growing circle.
7+
Creați o funcție `showCircle(cx, cy, radius)` care arată un cerc animat în creștere.
88

9-
- `cx,cy` are window-relative coordinates of the center of the circle,
10-
- `radius` is the radius of the circle.
9+
- `cx,cy` sunt coordonatele relative la fereastră ale centrului cercului,
10+
- `radius` este raza cercului.
1111

12-
Click the button below to see how it should look like:
12+
Faceți clic pe butonul de mai jos pentru a vedea cum ar trebui să arate:
1313

1414
[iframe src="solution" height=260]
1515

16-
The source document has an example of a circle with right styles, so the task is precisely to do the animation right.
16+
Documentul sursă are un exemplu de cerc cu stiluri corecte, deci sarcina este tocmai de a face animația corect.

‎7-animation/2-css-animations/4-animate-circle-callback/solution.view/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -22,14 +22,14 @@
2222

2323
<body>
2424

25-
<button onclick="go()">Click me</button>
25+
<button onclick="go()">Apasă-mă</button>
2626

2727
<script>
2828

2929
function go() {
3030
showCircle(150, 150, 100, div => {
3131
div.classList.add('message-ball');
32-
div.append("Hello, world!");
32+
div.append("Salut, lume!");
3333
});
3434
}
3535

‎7-animation/2-css-animations/4-animate-circle-callback/task.md‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,25 @@
11

2-
# Animated circle with callback
2+
# Cerc animat cu callback
33

4-
In the task <info:task/animate-circle> an animated growing circle is shown.
4+
În sarcina <info:task/animate-circle> este afișat un cerc animat în creștere.
55

6-
Now let's say we need not just a circle, but to show a message inside it. The message should appear *after* the animation is complete (the circle is fully grown), otherwise it would look ugly.
6+
Acum să spunem că avem nevoie nu doar de un cerc, ci și de un mesaj în interiorul acestuia. Mesajul ar trebui să apară *după* finalizarea animației (cercul a crescut complet), altfel ar arăta urât.
77

8-
In the solution of the task, the function `showCircle(cx, cy, radius)` draws the circle, but gives no way to track when it's ready.
8+
În soluția sarcinii, funcția `showCircle(cx, cy, radius)` desenează cercul, dar nu oferă nicio modalitate de a urmări când este gata.
99

10-
Add a callback argument: `showCircle(cx, cy, radius, callback)` to be called when the animation is complete. The `callback` should receive the circle `<div>` as an argument.
10+
Adăugați un argument de callback: `showCircle(cx, cy, radius, callback)` care va fi apelată atunci când animația este finalizată. `callback`-ul trebuie să primească `<div>`-ul cercului ca argument.
1111

12-
Here's the example:
12+
Iată exemplul:
1313

1414
```js
1515
showCircle(150, 150, 100, div => {
1616
div.classList.add('message-ball');
17-
div.append("Hello, world!");
17+
div.append("Salut, lume!");
1818
});
1919
```
2020

2121
Demo:
2222

2323
[iframe src="solution" height=260]
2424

25-
Take the solution of the task <info:task/animate-circle> as the base.
25+
Luați ca bază soluția sarcinii <info:task/animate-circle>.

‎7-animation/2-css-animations/boat.view/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@
1313
<script>
1414
boat.onclick = function() {
1515

16-
this.onclick = null; // only the first click should start the animation
16+
this.onclick = null; // doar primul click ar trebui să pornească animația
1717

1818
let times = 1;
1919

‎7-animation/2-css-animations/boat.view/style.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
transition: margin-left 3s ease-in-out;
55
}
66

7-
/* flipping the picture with CSS */
7+
/* răsturnarea imaginii cu CSS */
88
.back {
99
transform: scaleX(-1);
1010
filter: fliph;

‎7-animation/2-css-animations/digits-negative-delay.view/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88

99
<body>
1010

11-
Click below to animate:
11+
Faceți clic mai jos pentru a anima:
1212
<div id="digit"><div id="stripe">0123456789</div></div>
1313

1414
<script src="script.js"></script>

‎7-animation/2-css-animations/digits.view/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88

99
<body>
1010

11-
Click below to animate:
11+
Faceți clic mai jos pentru a anima:
1212

1313
<div id="digit"><div id="stripe">0123456789</div></div>
1414

‎7-animation/2-css-animations/step-end.view/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88

99
<body>
1010

11-
Click below to animate:
11+
Faceți clic mai jos pentru a anima:
1212

1313
<div id="digit"><div id="stripe">0123456789</div></div>
1414

0 commit comments

Comments
 (0)