1.0Jan Thielemannhttps://janthielemann.deJanThielemannhttps://janthielemann.de/author/janthielemann/The difference between the Hover Animation and Hover Elevation setting - Jan Thielemannrich600338<blockquote class="wp-embedded-content" data-secret="0cfaDYI4Gr"><a href="https://janthielemann.de/jt_divi_accordion/difference-hover-animation-hover-elevation-setting/">The difference between the Hover Animation and Hover Elevation setting</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://janthielemann.de/jt_divi_accordion/difference-hover-animation-hover-elevation-setting/embed/#?secret=0cfaDYI4Gr" width="600" height="338" title="“The difference between the Hover Animation and Hover Elevation setting” — Jan Thielemann" data-secret="0cfaDYI4Gr" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" class="wp-embedded-content"></iframe><script type="text/javascript">
/* <![CDATA[ */
/*! This file is auto-generated */
!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);
/* ]]> */
</script>
The Material Blurb for Divi module offers you two different kinds of animations when hovering over the module. Elevation Elevation is used to “lift up” the blurb so that it appears to be closer to the viewer. The drop shadow will be increased in size and look softer. Use the Elevation, Use Hover Elevation […]