{"version":"1.0","provider_name":"Coding Dude","provider_url":"https:\/\/www.coding-dude.com\/wp","author_name":"John Negoita","author_url":"https:\/\/www.coding-dude.com\/wp\/author\/inegoita\/","title":"Creating Gradient Text with HTML and CSS - Coding Dude","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"GW81cIthNy\"><a href=\"https:\/\/www.coding-dude.com\/wp\/css\/gradient-text\/\">Creating Gradient Text with HTML and CSS<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.coding-dude.com\/wp\/css\/gradient-text\/embed\/#?secret=GW81cIthNy\" width=\"600\" height=\"338\" title=\"&#8220;Creating Gradient Text with HTML and CSS&#8221; &#8212; Coding Dude\" data-secret=\"GW81cIthNy\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\" class=\"wp-embedded-content\"><\/iframe><script type=\"text\/javascript\">\n\/* <![CDATA[ *\/\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\/* ]]> *\/\n<\/script>\n","thumbnail_url":"https:\/\/www.coding-dude.com\/wp\/wp-content\/uploads\/2023\/04\/gradient-text.webp","thumbnail_width":850,"thumbnail_height":478,"description":"Creating Gradient Text with HTML and CSS In some of my previous articles I&#8217;ve shown you how to create cool CSS image effects. Designers and developers are always looking for new and creative ways to make their websites stand out. One way to add some visual interest to your website is by using gradient text. [&hellip;]"}