forked from ai/easings.net
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathca.yml
54 lines (47 loc) · 1.99 KB
/
ca.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
53
54
title: Funcions Easing Guia de Referència
description:
Creï animacions més realistes triant la funció 'easing' correcta.
share:
La funció 'easing' especifica la velocitat de progrés de l'animació
per fer-la més realista. L'objecte real no comença el seu movimient
de forma instantània i de manera constant. Aquesta pàgina l'ajudarà a
triar la funció desitjada.
about: !!format
La ~funció easing~ especifica la velocitat de l'animació per fer-la
més realista.
L'objecte real no comença el seu movimient de forma instantània i de manera
constant. Quan obrim el calaix, primer li donem acceleració, i després
el frenem. Quan alguna cosa cau, primer baixa ràpidament i després d'arribar
a terra rebota.
Aquesta pàgina l'ajudarà a triar la funció desitjada.
easings:
css: Tots disponibles
js: Només en JavaScript
howtos:
name: nom easing
curve: corba Bezier de l'easing
js: !!code
jQuery amb ^jQuery Easing Plugin^ és la forma més senzilla de definir una
animació amb 'easing'. Únicament necessita ajustar el nom 'easing' al mètode
`.animate` com tercer argument o la key `easing`.
scss: !!code
Sass/SCSS l'ajuden a definir l'animació. Compass elimina els prefixes previs
a les propietats `transition` i `animation` i el plugin ^Compass Ceaser^
permet fixar l'easing per el seu nom (sense corbes Bezier).
css: !!code
Les propietats CSS `transition` i `animation` li permeten fixar la funció
'easing'.
css_bad:
Desgraciadament, no estan tots suportats i haurà de fixar la funció
amb corba Bezier.
css_help:
Seleccioni 'easing' per mostrar la seva descripció en la corba Bézier.
easing:
all_easings: Tots els easings
no_css: !!code
Desgraciadament, CSS no suporta aquest 'easing'. Però pot utilitzar-lo amb
JavaScript o amb la propietat CSS Animation `@keyframes`.
edit: ^Editar^ en cubic-bezier.com.
opensource:
title: open source
translate: ^Ajuda a traduir^ aquesta web al teu idioma