forked from ai/easings.net
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathit.yml
58 lines (50 loc) · 2.24 KB
/
it.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
55
56
57
58
title: Easing Functions Cheat Sheet
description:
Rendi le animazioni più realistiche scegliendo la corretta funzione easing
share:
La funzione Easing specifica la velocità delle accellerazioni di
un'animazione, rendendola più realistica. Un oggetto nella realtà non inizia
istantaneamente il suo movimento e ad una frequenza costante. Questa pagina
ti aiuta ogni volta a scegliere la funzione easing desiderata.
about: !!format
~La funzione Easing~ specifica la velocità delle accellerazioni di
un'animazione, rendendola più realistica.
Un oggetto nella realtà non inizia istantaneamente il suo movimento e ad una
frequenza costante. Quando apriamo il cassetto, prima gli imprimiamo
un'accellerazione e poi lo facciamo rallentare. Quando qualcosa cade,
per prima cosa scende sempre più veloce, fino a che non rimbalza indietro
quando colpisce il pavimento.
Questa pagina ti aiuta ogni volta a scegliere la funzione easing desiderata.
easings:
css: Disponibile ovunque
js: Solo in JavaScript
howtos:
name: nome easing
curve: curva di Bezier easing
js: !!code
jQuery con il plugin ^jQuery Easing^ è il modo più semplice per impostare
le animazioni con easing. Hai solo bisogno di inserire il nome dell'easing
nella funzione `.animate` come terzo parametro o come chiave `easing`.
scss: !!code
Sass/SCSS ti aiuta a impostare le animazioni. Compass rimuove i prefissi
prima delle proprietà `transition` e `animation`, il plugin
^Compass Ceaser^ ti permette di impostare l'easing con il suo nome
(senza curve di Bezier).
css: !!code
Le proprietà CSS `transition` and `animation` ti permettono di impostare
l'easing.
css_bad:
Sfortunatamente, il loro supporto non è per tutte le easing, per questo devi
impostare funzioni tramite la curva di Bezier.
css_help:
Seleziona l'easing per mostrare la descrizione in curva di Bezier.
easing:
all_easings: Tutti gli easing
no_css: !!code
Sfortunatamente, CSS non supporta questo easing. Puoi però utilizzarlo
dentro JavaScript oppure con le Animazioni CSS speciali `@keyframes`.
edit: ^Modifica^ su cubic-bezier.com.
opensource:
title: open source
translate: ^Aiutaci a tradurre^ il sito nella tua lingua
author: Andrey Sitnik