forked from ai/easings.net
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathes.yml
52 lines (45 loc) · 2.05 KB
/
es.yml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
title: Funciones Easing Guía de Referencia
description:
Cree animaciones más realistas escogiendo la función `easing` correcta.
share:
La función `easing` especifica la velocidad del progreso de la animación
para hacerla más realista. El objeto real no comienza su movimiento
instantáneamente y de manera constante. Esta página le ayudará a escoger
la función deseada.
about: !!format
La ~función easing~ especifica la velocidad de la animación para hacerla
más realista.
El objeto real no comienza su movimiento instantáneamente y de manera constante.
Cuando abrimos el cajón, primero le damos aceleración, y después lo frenamos. Cuando
algo se cae, primero baja rápidamente y después de alcanzar el suelo rebota.
Esta página le ayudará a escoger la función deseada.
easings:
css: Disponible en todo
js: Solo en JavaScript
howtos:
name: nombre easing
curve: curva Bezier del easing
js: !!code
jQuery con ^jQuery Easing Plugin^ es la manera más sencilla de definir una animación
con `easing`. Únicamente necesita ajustar el nombre `easing` al método `.animate` como
tercer argumento o la key `easing`.
scss: !!code
Sass/SCSS le ayudan a definir la animación. Compass elimina los prefijos previos a
las propiedades `transition` y `animation` y el plugin ^Compass Ceaser^ permite fijar
el `easing` por su nombre (sin Bezier curves).
css: !!code
Las propiedades CSS `transition` y `animation` le permiten fijar la función `easing`.
css_bad:
Desgraciadamente, no están todos soportados y deberá fijar la función
con Bezier curve.
css_help:
Seleccione `easing` para mostrar su descripción en la curva Bézier.
easing:
all_easings: Todos los easings
no_css: !!code
Desgraciadamente, CSS no soporta este `easing`. Pero puede utilizarlo con
JavaScript o con la propiedad CSS Animation `@keyframes`.
edit: ^Editar^ en cubic-bezier.com.
opensource:
title: open source
translate: ^Ayuda a traducir^ esta web a tu idioma