{"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":"Contenedores torcidos con CSS3 - Jose Aguilar Blog","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"rbs0ZeiBvt\"><a href=\"https:\/\/www.jose-aguilar.com\/blog\/contenedores-torcidos-con-css3\/\">Contenedores torcidos con CSS3<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.jose-aguilar.com\/blog\/contenedores-torcidos-con-css3\/embed\/#?secret=rbs0ZeiBvt\" width=\"600\" height=\"338\" title=\"\u00abContenedores torcidos con CSS3\u00bb \u2014 Jose Aguilar Blog\" data-secret=\"rbs0ZeiBvt\" 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\/2012\/07\/divs-torcidos.png","thumbnail_width":158,"thumbnail_height":211,"description":"En este art\u00edculo vamos a aprender como crear divs o contenedores torcidos con CSS3 rompiendo la est\u00e9tica habitual del dise\u00f1o de las p\u00e1ginas Web. Para conseguir el efecto de la imagen tan solo deberemos a\u00f1adir en nuestra p\u00e1gina los siguientes estilos CSS: div { \u00a0\u00a0 \u00a0width:100px; \u00a0\u00a0 \u00a0height:75px; \u00a0\u00a0 \u00a0background-color:red; \u00a0\u00a0 \u00a0border:1px solid black; \u00a0\u00a0 [&hellip;]"}