{"version":"1.0","provider_name":"Academy","provider_url":"https:\/\/elementor.com\/academy","author_name":"Aviva Darab","author_url":"https:\/\/elementor.com\/academy\/author\/user-5e36e0380be94\/","title":"Create Vibrant Gradient Backgrounds - Academy","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"llBkrUP6FO\"><a href=\"https:\/\/elementor.com\/academy\/create-vibrant-gradient-backgrounds\/\">Create Vibrant Gradient Backgrounds<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/elementor.com\/academy\/create-vibrant-gradient-backgrounds\/embed\/#?secret=llBkrUP6FO\" width=\"600\" height=\"338\" title=\"&#8220;Create Vibrant Gradient Backgrounds&#8221; &#8212; Academy\" data-secret=\"llBkrUP6FO\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script>\n\/*! This file is auto-generated *\/\n!function(d,l){\"use strict\";l.querySelector&&d.addEventListener&&\"undefined\"!=typeof URL&&(d.wp=d.wp||{},d.wp.receiveEmbedMessage||(d.wp.receiveEmbedMessage=function(e){var t=e.data;if((t||t.secret||t.message||t.value)&&!\/[^a-zA-Z0-9]\/.test(t.secret)){for(var s,r,n,a=l.querySelectorAll('iframe[data-secret=\"'+t.secret+'\"]'),o=l.querySelectorAll('blockquote[data-secret=\"'+t.secret+'\"]'),c=new RegExp(\"^https?:$\",\"i\"),i=0;i<o.length;i++)o[i].style.display=\"none\";for(i=0;i<a.length;i++)s=a[i],e.source===s.contentWindow&&(s.removeAttribute(\"style\"),\"height\"===t.message?(1e3<(r=parseInt(t.value,10))?r=1e3:~~r<200&&(r=200),s.height=r):\"link\"===t.message&&(r=new URL(s.getAttribute(\"src\")),n=new URL(t.value),c.test(n.protocol))&&n.host===r.host&&l.activeElement===s&&(d.top.location.href=t.value))}},d.addEventListener(\"message\",d.wp.receiveEmbedMessage,!1),l.addEventListener(\"DOMContentLoaded\",function(){for(var e,t,s=l.querySelectorAll(\"iframe.wp-embedded-content\"),r=0;r<s.length;r++)(t=(e=s[r]).getAttribute(\"data-secret\"))||(t=Math.random().toString(36).substring(2,12),e.src+=\"#?secret=\"+t,e.setAttribute(\"data-secret\",t)),e.contentWindow.postMessage({message:\"ready\",secret:t},\"*\")},!1)))}(window,document);\n\/\/# sourceURL=https:\/\/elementor.com\/academy\/wp-includes\/js\/wp-embed.min.js\n<\/script>\n","thumbnail_url":"https:\/\/elementor.com\/academy\/wp-content\/uploads\/2022\/03\/Vibrant-Gradient-Backgrounds.jpg","thumbnail_width":1280,"thumbnail_height":720,"description":"Overview Transcript Overview In this tutorial we\u2019ll learn how to create vibrant gradient backgrounds for our websites. We\u2019ll cover best practices for styling and positioning gradients, as well as provide actionable tips on choosing gradient colors. The tutorial will cover: \u2714\ufe0e Using the Spacer widget to create gradients \u2714\ufe0e Custom positioning gradients \u2714\ufe0e Responsive settings [&hellip;]"}