forked from ai/easings.net
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathda.yml
55 lines (48 loc) · 2.1 KB
/
da.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
title: Reference over easing funktioner
description:
Gør dine animationer mere realistiske ved at vælge den rette easingfunktion
share:
Easing funktion angiver hvordan animationen forløber for at gøre den mere
realistisk. Objektet begynder ikke at bevæge sig med det samme og med
en konstant hastighed. Denne side hjælper dig med at finde den rette
easing funktion.
about: !!format
~Easing funktion~ angiver hvordan animationen forløber for at gøre den mere
realistisk.
Objektet begynder ikke at bevæge sig med det samme og med en konstant
hastighed. Når vi åbner en skuffe accellererer vi først bevægelsen, og så
bremser vi den ned. Når noget falder, ryger det ned hurtigere og hurtigere,
og så hopper det op igen efter det har ramt gulvet.
Denne side hjælper dig med at finde den rette easing funktion.
easings:
css: Tilgængeligt alle steder
js: Kun i JavaScript
howtos:
name: easing navn
curve: easing funktionens Bezier kurve
js: !!code
jQuery med ^jQuery Easing Plugin^ er den letteste måde at angive en
animation med easing. Du skal bare sætte easing navnet til `.animate`
metoden som det tredje argument, eller vha. `easing` key.
scss: !!code
Sass/SCSS hjælper dig med at angive animationer. Compass fjerner
de nødvendige prefixes før `transition` og `animation` properties og med
^Compass Ceaser^ plugin kan du sætte easing funktioner vha. deres navn
(uden Bezier kurver).
css: !!code
"`transition` og `animation` CSS properties giver dig mulighed for at vælge
en easing funktion."
css_bad:
Desværre understøtter de ikke alle easing funktioner, og du er nødt til
at definere dem via Bezier kurver.
css_help:
Vælg easing for at se beskrivelsen sammen med en Bezier kurve.
easing:
all_easings: Alle easing funktioner
no_css: !!code
Desværre, CSS understøtter ikke denne easing funktion. Men du kan bruge
JavaScript eller en speciel CSS animation vha. `@keyframes`.
edit: ^Rediger^ på cubic-bezier.com.
opensource:
title: open source
translate: ^Hjælp med at oversætte^ websitet til dit sprog