{"version":"1.0","provider_name":"Jose Aguilar Blog","provider_url":"https:\/\/www.jose-aguilar.com\/blog","author_name":"Jose Aguilar","author_url":"https:\/\/www.jose-aguilar.com\/blog\/author\/josea902\/","title":"CSS Triangle Arrow DIVs - Jose Aguilar Blog","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"iShugWKFAy\"><a href=\"https:\/\/www.jose-aguilar.com\/blog\/css-triangle-arrow-divs\/\">CSS Triangle Arrow DIVs<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.jose-aguilar.com\/blog\/css-triangle-arrow-divs\/embed\/#?secret=iShugWKFAy\" width=\"600\" height=\"338\" title=\"\u00abCSS Triangle Arrow DIVs\u00bb \u2014 Jose Aguilar Blog\" data-secret=\"iShugWKFAy\" 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.jose-aguilar.com\/blog\/wp-content\/uploads\/2014\/10\/Imagen-no-disponible-282x300.png","thumbnail_width":282,"thumbnail_height":300,"description":"Una caracter\u00edstica sutil de CSS que se ha aprovechado para hacer algo interesante es emplear su uso para crear puros tri\u00e1ngulos CSS. Estos tri\u00e1ngulos tienen la ventaja de ser muy ligero (sin utilizaci\u00f3n de im\u00e1genes). La t\u00e9cnica funciona sabiendo el hecho de que los 4 bordes CSS de un elemento se encuentran en un \u00e1ngulo, [&hellip;]"}