{"version":"1.0","provider_name":"Support | Kriesi.at - Premium WordPress Themes","provider_url":"https:\/\/kriesi.at\/support","author_name":"jake5m","author_url":"https:\/\/kriesi.at\/support\/author\/jake5m\/","title":"Glassy header transition animation - how ro remove - Support | Kriesi.at - Premium WordPress Themes","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"NPJNfiAIzy\"><a href=\"https:\/\/kriesi.at\/support\/topic\/glassy-header-transition-animation-how-ro-remove\/\">Glassy header transition animation &#8211; how ro remove<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/kriesi.at\/support\/topic\/glassy-header-transition-animation-how-ro-remove\/embed\/#?secret=NPJNfiAIzy\" width=\"600\" height=\"338\" title=\"&#8220;Glassy header transition animation &#8211; how ro remove&#8221; &#8212; Support | Kriesi.at - Premium WordPress Themes\" data-secret=\"NPJNfiAIzy\" 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","description":"I would like to implement a glassy header with a custom colour (e.g. rgba(0,0,0,0.4)) which, upon scrolling down the page, seamlessly transitions into a header of the same colour (i.e. rgba(0,0,0,0.4). Currently, there is an animation where the glassy header disappears and the regular header appears. Is it possible to remove this animation and make [&hellip;]"}