1.0WHUZZUP!https://ericbrooks.com/whuzzupEric Brookshttps://ericbrooks.com/whuzzup/author/site-admin/[ALA] CSS Shapes 101 - WHUZZUP!rich600338<blockquote class="wp-embedded-content" data-secret="byb0YSQMAh"><a href="https://ericbrooks.com/whuzzup/ala-css-shapes-101-3/">[ALA] CSS Shapes 101</a></blockquote><iframe sandbox="allow-scripts" security="restricted" src="https://ericbrooks.com/whuzzup/ala-css-shapes-101-3/embed/#?secret=byb0YSQMAh" width="600" height="338" title="“[ALA] CSS Shapes 101” — WHUZZUP!" data-secret="byb0YSQMAh" 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);
//# sourceURL=https://ericbrooks.com/whuzzup/wp-includes/js/wp-embed.min.js
/* ]]> */
</script>
Rectangles inside other rectangles: this is what our webpages have always been made of. We've long tried to break free from their restrictions by using CSS to create geometric shapes, but those shapes have never affected the content inside the shaped element, or how the element is seen by other elements on the page.http://ericbrooks.com/images/tutorials/colorscm.png