1.0Center for the Environmenthttps://digitaldocumentation.wustl.edu/environmentMariahttps://digitaldocumentation.wustl.edu/environment/author/maria-sharon/Animated icon - Center for the Environmentrich600338<blockquote class="wp-embedded-content" data-secret="uS2ePrhfNL"><a href="https://digitaldocumentation.wustl.edu/environment/blocks/animated-icon-list/">Animated icon</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://digitaldocumentation.wustl.edu/environment/blocks/animated-icon-list/embed/#?secret=uS2ePrhfNL" width="600" height="338" title="“Animated icon” — Center for the Environment" data-secret="uS2ePrhfNL" 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 animated icon block allows you to callout important calls to action by adding animated graphical elements to the page. How to use the animated icon block This block can stand alone or be placed in columns as seen above, if you’d like to use more than one.