{"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":"CSS3 Dropdown men\u00fa - Jose Aguilar Blog","type":"rich","width":600,"height":338,"html":"<blockquote class=\"wp-embedded-content\" data-secret=\"R0xmbJVp2K\"><a href=\"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/\">CSS3 Dropdown men\u00fa<\/a><\/blockquote><iframe sandbox=\"allow-scripts\" security=\"restricted\" src=\"https:\/\/www.jose-aguilar.com\/blog\/css3-dropdown-menu\/embed\/#?secret=R0xmbJVp2K\" width=\"600\" height=\"338\" title=\"\u00abCSS3 Dropdown men\u00fa\u00bb \u2014 Jose Aguilar Blog\" data-secret=\"R0xmbJVp2K\" 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\/menucss3.png","thumbnail_width":519,"thumbnail_height":178,"description":"En este art\u00edculo vamos a ver la gran potencia que tiene CSS3 a la hora de crear men\u00fas desplegables. Para crear un men\u00fa desplegable como el que se muestra en la imagen sin necesidad de utilizar plugins jQuery ni c\u00f3digo javascript podemos emplear CSS3. El c\u00f3digo HTML necesario podr\u00eda ser el siguiente: &lt;ul class=\"menu\"&gt; \u00a0\u00a0 [&hellip;]"}