{"id":1075,"date":"2019-12-23T23:48:51","date_gmt":"2019-12-23T22:48:51","guid":{"rendered":"https:\/\/maxfest.dk\/port\/?p=1075"},"modified":"2019-12-23T23:48:53","modified_gmt":"2019-12-23T22:48:53","slug":"noter-css-animation","status":"publish","type":"post","link":"https:\/\/maxfest.dk\/port\/vearker\/hjemmesider\/noter-css-animation\/","title":{"rendered":"Noter: CSS animation"},"content":{"rendered":"\n<p>Noter om CSS animation. Noter taget p\u00e5 MMD. Undervisning blev afholdt af Anni Gr\u00f8ndal Nielsen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Transitions<\/h2>\n\n\n\n<p>Transitions g\u00f8r at man kan \u00e6ndre en tilstand til en anden tilstand.<\/p>\n\n\n\n<p>Hvis man \u00f8nsker at bruge sin egene animations hastigheder kan man definere cubic bezier som v\u00e6rdi til transition-timing-function. Man kan med fordel anvende  <a href=\"https:\/\/cubic-bezier.com\/\">cubic-bezier.com<\/a>  til at definere hastigheden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Eksempler<\/h3>\n\n\n\n<p class='codepen'  data-height='450' data-theme-id='1' data-slug-hash='vYYqMLy' data-default-tab='result' data-animations='run' data-editable='' data-embed-version='2'>\n<\/p>\n\n\n\n\n<p class='codepen'  data-height='450' data-theme-id='1' data-slug-hash='oNNrOJW' data-default-tab='result' data-animations='run' data-editable='' data-embed-version='2'>\n<\/p>\n\n\n\n\n<p class='codepen'  data-height='450' data-theme-id='1' data-slug-hash='jOOjoQq' data-default-tab='result' data-animations='run' data-editable='' data-embed-version='2'>\n<\/p>\n\n","protected":false},"excerpt":{"rendered":"<p>Noter om CSS animation. Noter taget p\u00e5 MMD. Undervisning blev afholdt af Anni Gr\u00f8ndal Nielsen. Transitions Transitions g\u00f8r at man kan \u00e6ndre en tilstand til en anden tilstand. Hvis man \u00f8nsker at bruge sin egene animations hastigheder kan man definere cubic bezier som v\u00e6rdi til transition-timing-function. Man kan med fordel anvende cubic-bezier.com til at definere&#8230;<\/p>\n","protected":false},"author":1,"featured_media":715,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[18],"class_list":["post-1075","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hjemmesider","tag-mmd"],"_links":{"self":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/1075","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/comments?post=1075"}],"version-history":[{"count":5,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/1075\/revisions"}],"predecessor-version":[{"id":1169,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/posts\/1075\/revisions\/1169"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/media\/715"}],"wp:attachment":[{"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/media?parent=1075"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/categories?post=1075"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maxfest.dk\/port\/wp-json\/wp\/v2\/tags?post=1075"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}