Skip to content

Commit 6e6e714

Browse files
odsantoskarlasamantha
authored andcommitted
Remove a blank line.
1 parent 321b30d commit 6e6e714

File tree

1 file changed

+4
-3
lines changed

1 file changed

+4
-3
lines changed

Diff for: 7-animation/3-js-animation/article.md

+4-3
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ Por exemplo, movimentação por um caminho complexo, com uma função de tempo d
88

99
A animação pode ser implementada como uma sequência de frames (quadros) -- geralmente pequenas modificações nas propriedades de HTML/CSS.
1010

11-
Por exemplo, modificando `style.left` de `0px` para `100px` movimenta o elemento. E se aumentarmos em `setInterval`, mudando por `2px` com um pequeno atraso, como 50 vezes por segundo, parecerá suave. Este é o mesmo princípio do cinema: 24 quadros por segundo é o suficiente para fazer com que pareça suave.
11+
Por exemplo, modificando `style.left` de `0px` para `100px` move o elemento. E se aumentarmos em `setInterval`, mudando por `2px` com um pequeno atraso, como 50 vezes por segundo, parecerá suave. Este é o mesmo princípio do cinema: 24 quadros por segundo é o suficiente para fazer com que pareça suave.
1212

1313
O pseudo-código pode ficar assim:
1414

@@ -91,7 +91,6 @@ Isso agenda a função `callback` para ser executado no momento mais próximo qu
9191
Se modificarmos os elementos na `callback`, então eles serão agrupados juntos com outras `requestAnimationFrame` callbacks e com animações em CSS. Então haverá apenas um recálculo geométrico e repintura ao invés de várias.
9292

9393
O valor retornado `requesId` pode ser utilizado para cancelar a chamada:
94-
9594
```js
9695
// cancela a execução agendada da callback
9796
cancelAnimationFrame(requestId)
@@ -139,6 +138,7 @@ function animate({timing, draw, duration}) {
139138
if (timeFraction < 1) {
140139
requestAnimationFrame(animate);
141140
}
141+
142142
});
143143
}
144144
```
@@ -178,6 +178,7 @@ Função `animate` aceita 3 parâmetros que essencialmente descrevem a animaçã
178178

179179
...Ou fazer qualquer outra coisa, podemos animar qualquer coisa, de qualquer jeito.
180180

181+
181182
Vamos animar o elemento `width` de `0` a `100%` usando nossa função.
182183

183184
Clique no elemento para a demo:
@@ -416,7 +417,7 @@ Para animação que CSS não lida bem, ou aquelas que precisam de controle rígi
416417

417418
Quando uma página está em segundo plano, não ocorrem repinturas, então a callback não será executada: a animação será suspensa e não consumirá recursos. Isso é ótimo.
418419

419-
Aqui está a função helper `animate` para configura a maioria das animações:
420+
Aqui está uma função de ajuda `animate` para configurar a maioria das animações:
420421

421422
```js
422423
function animate({timing, draw, duration}) {

0 commit comments

Comments
 (0)