{"id":150703,"date":"2024-01-21T19:54:02","date_gmt":"2024-01-21T17:54:02","guid":{"rendered":"https:\/\/elementor.com\/help\/maak-verloopachtergronden-voor-knoppen\/"},"modified":"2024-01-21T19:54:02","modified_gmt":"2024-01-21T17:54:02","slug":"maak-verloopachtergronden-voor-knoppen","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/","title":{"rendered":"Maak verloopachtergronden voor knoppen"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Wat is een verloopachtergrond?<\/h3>\n\n\n\n<p>Een verloopachtergrond is een ontwerpelement waarbij kleuren vloeiend overgaan van de ene naar de andere, waardoor een verloopeffect ontstaat. In plaats van een enkele, effen kleur te gebruiken, kun je meerdere kleuren combineren en een visueel aantrekkelijk mengeffect in de achtergrond cre\u00ebren. <\/p>\n\n\n\n<p>Voor een gedetailleerde tutorial, zie de video hieronder:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"How to Create Gradient Backgrounds for Buttons\" width=\"800\" height=\"450\" src=\"https:\/\/www.youtube.com\/embed\/5z1uM4azviE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Wat is een verloopachtergrond? Een verloopachtergrond is een ontwerpelement waarbij kleuren vloeiend overgaan van de ene naar de andere, waardoor een verloopeffect ontstaat. In plaats van een enkele, effen kleur te gebruiken, kun je meerdere kleuren combineren en een visueel aantrekkelijk mengeffect in de achtergrond cre\u00ebren. Voor een gedetailleerde tutorial, zie de video hieronder:<\/p>\n","protected":false},"author":2,"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":[],"class_list":["post-150703","post","type-post","status-publish","format-standard","hentry","category-geavanceerde-functionaliteit"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Maak verloopachtergronden voor knoppen | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Maak verloopachtergronden voor knoppen in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; 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\/maak-verloopachtergronden-voor-knoppen\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Maak verloopachtergronden voor knoppen | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Maak verloopachtergronden voor knoppen in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-21T17:54:02+00:00\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Maak verloopachtergronden voor knoppen\",\"datePublished\":\"2024-01-21T17:54:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/\"},\"wordCount\":68,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#organization\"},\"articleSection\":[\"Geavanceerde functionaliteit\"],\"inLanguage\":\"nl-NL\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/\",\"url\":\"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/\",\"name\":\"Maak verloopachtergronden voor knoppen | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/#website\"},\"datePublished\":\"2024-01-21T17:54:02+00:00\",\"description\":\"Learn everything about Maak verloopachtergronden voor knoppen in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/#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\":\"Maak verloopachtergronden voor knoppen\"}]},{\"@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\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Maak verloopachtergronden voor knoppen | Elementor","description":"Learn everything about Maak verloopachtergronden voor knoppen 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\/maak-verloopachtergronden-voor-knoppen\/","og_locale":"nl_NL","og_type":"article","og_title":"Maak verloopachtergronden voor knoppen | Elementor","og_description":"Learn everything about Maak verloopachtergronden voor knoppen in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/","og_site_name":"Help","article_published_time":"2024-01-21T17:54:02+00:00","author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Geschreven door":"Alan Kaler"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Maak verloopachtergronden voor knoppen","datePublished":"2024-01-21T17:54:02+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/"},"wordCount":68,"publisher":{"@id":"https:\/\/elementor.com\/help\/nl\/#organization"},"articleSection":["Geavanceerde functionaliteit"],"inLanguage":"nl-NL"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/","url":"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/","name":"Maak verloopachtergronden voor knoppen | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/nl\/#website"},"datePublished":"2024-01-21T17:54:02+00:00","description":"Learn everything about Maak verloopachtergronden voor knoppen in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/nl\/maak-verloopachtergronden-voor-knoppen\/#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":"Maak verloopachtergronden voor knoppen"}]},{"@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\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/elementor.com\/help\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/posts\/150703","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\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/comments?post=150703"}],"version-history":[{"count":0,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/posts\/150703\/revisions"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/media?parent=150703"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/categories?post=150703"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/nl\/wp-json\/wp\/v2\/tags?post=150703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}