{"id":148812,"date":"2025-01-26T11:03:27","date_gmt":"2025-01-26T09:03:27","guid":{"rendered":"https:\/\/elementor.com\/help\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/"},"modified":"2025-01-26T11:03:27","modified_gmt":"2025-01-26T09:03:27","slug":"gebruik-ai-om-animatie-effecten-toe-te-voegen","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/","title":{"rendered":"Gebruik AI om animatie-effecten toe te voegen"},"content":{"rendered":"\n

Bewegingseffecten zijn een geweldige manier om je webpagina’s gemakkelijker te navigeren, levendiger te maken en beter in staat om gebruikersbetrokkenheid en conversie te stimuleren. Helaas kan het toevoegen van deze animatie-effecten moeilijk en tijdrovend zijn. Elementor AI kan dit proces aanzienlijk vereenvoudigen. <\/p>\n\n\n\n

Animatie-effecten toevoegen<\/h2>\n\n\n\n

[callout type=”note”]We raden aan om Elementor Pro te gebruiken om te profiteren van het volledige scala aan bewegingseffecten.[\/callout]<\/p>\n\n\n\n

Met Elementor AI kun je in gewoon Nederlands beschrijven welke animatie-effecten je wilt, terwijl Elementor AI zorgt voor het instellen van de juiste opties voor je. <\/p>\n\n\n\n

Om animatie-effecten toe te voegen met Elementor AI<\/strong>:<\/p>\n\n\n\n

[callout type=”note”]In dit voorbeeld voegen we een afbeelding toe die zal bewegen wanneer bezoekers er met de cursor overheen gaan.  [\/callout]<\/p>\n\n\n\n

    \n
  1. Sleep een Afbeelding-widget naar het canvas. Voor details, zie Elementen toevoegen aan een pagina<\/a>.
    \"\"<\/li>\n\n\n\n
  2. Voeg inhoud toe aan de Afbeelding-widget. Voor details, zie Afbeelding-widget<\/a>.  
    \"\"<\/li>\n\n\n\n
  3. Klik op het tabblad Geavanceerd<\/strong>.
    \"\"<\/li>\n\n\n\n
  4. Open in het paneel de sectie Bewegingseffecten<\/strong>.
    \"\"<\/li>\n\n\n\n
  5. Klik op het pictogram Animeren met AI<\/strong>.
    [callout type=”note”]Je kunt ook Animeren met AI<\/strong> gebruiken voor hover-effecten door de sectie Transformeren<\/strong> te openen, Hover<\/strong> te selecteren en op het pictogram animeren met AI te klikken.
    \"\"
    [\/callout]
    \"\"
    Het AI-venster verschijnt.
    \"\"<\/li>\n\n\n\n
  6. Voer in het AI-venster, in het tekstvak, Bewegen bij hover<\/strong> in.
    [callout type=”tip”]De prompt moet een specifiek effect bevatten dat je wilt laten optreden. Als je bijvoorbeeld vraagt om een scroll-effect<\/strong> zal de AI een scroll-effect kiezen, terwijl als je zegt dat je wilt dat een afbeelding Uitfadet<\/strong> wanneer de gebruiker scrollt, de AI het uitfade-effect zal toepassen. [\/callout]
    \"\"<\/li>\n\n\n\n
  7. Klik op Animatie genereren<\/strong>.
    Dit genereert de opties die nodig zijn om het effect te cre\u00ebren.
    \"\"<\/li>\n\n\n\n
  8. Klik op Animatie gebruiken<\/strong>.
    \"\"
    In het paneel kun je zien dat de benodigde opties zijn geselecteerd.
    [callout type=”note >If you have already added motion effects to the element, Animate with AI will merge those effects with the ones created with AI.<\/wpcode><br \/><img class=” wp-image-55041=”” style=”width: 680px;” src=”https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/01\/image.gif” alt=””][\/callout]
    Het element bevat het gewenste bewegingseffect. <\/li>\n<\/ol>\n\n\n\n

    [callout type=”note”]Animeren AI werkt niet met sticky-effecten en kan geen responsieve instellingen toepassen.[\/callout]<\/p>\n\n\n\n

    [callout type=”note”]Animeren met AI cre\u00ebert effecten met behulp van de Elementor Editor-instellingen. Het kan geen effecten cre\u00ebren die niet worden ondersteund door deze instellingen. [\/callout]<\/p>\n","protected":false},"excerpt":{"rendered":"

    Bewegingseffecten zijn een geweldige manier om je webpagina’s gemakkelijker te navigeren, levendiger te maken en beter in staat om gebruikersbetrokkenheid en conversie te stimuleren. Helaas kan het toevoegen van deze animatie-effecten moeilijk en tijdrovend zijn. Elementor AI kan dit proces aanzienlijk vereenvoudigen. Animatie-effecten toevoegen [callout type=”note”]We raden aan om Elementor Pro te gebruiken om te […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":[],"footnotes":""},"categories":[1707],"tags":[1766],"class_list":["post-148812","post","type-post","status-publish","format-standard","hentry","category-geavanceerde-functionaliteit","tag-versie-3-27"],"acf":[],"yoast_head":"\nGebruik AI om animatie-effecten toe te voegen | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Gebruik AI om animatie-effecten toe te voegen in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Gebruik AI om animatie-effecten toe te voegen | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Gebruik AI om animatie-effecten toe te voegen in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2025-01-26T09:03:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/01\/image-43.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"611\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Gebruik AI om animatie-effecten toe te voegen\",\"datePublished\":\"2025-01-26T09:03:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/\"},\"wordCount\":406,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/01\/image-43.png\",\"keywords\":[\"Versie 3.27\"],\"articleSection\":[\"Geavanceerde functionaliteit\"],\"inLanguage\":\"nl-NL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/\",\"url\":\"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/\",\"name\":\"Gebruik AI om animatie-effecten toe te voegen | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/01\/image-43.png\",\"datePublished\":\"2025-01-26T09:03:27+00:00\",\"description\":\"Learn everything about Gebruik AI om animatie-effecten toe te voegen in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/01\/image-43.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/01\/image-43.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ongecategoriseerd\",\"item\":\"https:\/\/elementor.com\/help\/nl\/ongecategoriseerd\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Gebruik AI om animatie-effecten toe te voegen\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#website\",\"url\":\"https:\/\/elementor.com\/help\/nl\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Gebruik AI om animatie-effecten toe te voegen | Elementor","description":"Learn everything about Gebruik AI om animatie-effecten toe te voegen in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/","og_locale":"nl_NL","og_type":"article","og_title":"Gebruik AI om animatie-effecten toe te voegen | Elementor","og_description":"Learn everything about Gebruik AI om animatie-effecten toe te voegen in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/","og_site_name":"Help","article_published_time":"2025-01-26T09:03:27+00:00","og_image":[{"width":1600,"height":611,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/01\/image-43.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Cliff Churgin","Geschatte leestijd":"2 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Gebruik AI om animatie-effecten toe te voegen","datePublished":"2025-01-26T09:03:27+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/"},"wordCount":406,"publisher":{"@id":"https:\/\/elementor.com\/help\/nl\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/01\/image-43.png","keywords":["Versie 3.27"],"articleSection":["Geavanceerde functionaliteit"],"inLanguage":"nl-NL"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/","url":"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/","name":"Gebruik AI om animatie-effecten toe te voegen | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/01\/image-43.png","datePublished":"2025-01-26T09:03:27+00:00","description":"Learn everything about Gebruik AI om animatie-effecten toe te voegen in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/01\/image-43.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/01\/image-43.png"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/nl\/gebruik-ai-om-animatie-effecten-toe-te-voegen\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/nl\/"},{"@type":"ListItem","position":2,"name":"Ongecategoriseerd","item":"https:\/\/elementor.com\/help\/nl\/ongecategoriseerd\/"},{"@type":"ListItem","position":3,"name":"Gebruik AI om animatie-effecten toe te voegen"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/nl\/#website","url":"https:\/\/elementor.com\/help\/nl\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/nl\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/posts\/148812","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/comments?post=148812"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/posts\/148812\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/media?parent=148812"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/categories?post=148812"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/tags?post=148812"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}