{"id":123,"date":"2019-05-23T03:03:27","date_gmt":"2019-05-23T03:03:27","guid":{"rendered":"https:\/\/alexcgdesign.com\/blog\/?p=123"},"modified":"2019-05-23T03:03:27","modified_gmt":"2019-05-23T03:03:27","slug":"como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb","status":"publish","type":"post","link":"https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\/","title":{"rendered":"C\u00f3mo hacer galer\u00eda de im\u00e1genes adaptables a dispositivos m\u00f3viles con HTML Y CSS [Efecto Overlay] \ud83d\udcbb"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Hey, hola qu\u00e9 tal, las galer\u00edas de im\u00e1genes son unas de las secciones y apartados, m\u00e1s comunes y usados en la creaci\u00f3n de sitios web, por lo que tener una <\/span><b>excelente GALERIA de IM\u00c1GENES ADAPTABLE A DISPOSITIVOS M\u00d3VILES y adem\u00e1s con un genial EFECTO, <\/b><span style=\"font-weight: 400;\">le dar\u00e1 un mucho mejor vistazo a tu sitio web, as\u00ed que \u00bfPor qu\u00e9 no implementarla?, Yo soy Jordan Alexander de AlexCG Design y empezamos. <\/span><\/p>\n<p>https:\/\/giphy.com\/gifs\/UrhBONzRbir0MhbLTL<\/p>\n<p><span style=\"font-weight: 400;\">Primero y antes que nada hablaremos de lo genial que es el efecto Overlay, te lo dejar\u00e1 aqu\u00ed en la siguiente imagen, para que lo puedas ver, pero el efecto Overlay nos permitir\u00e1 agregar texto en la imagen cada que el mouse pasa sobre dicha imagen justo como se puede apreciar debajo, esto definitivamente le dar\u00e1 un plus a nuestro sitio web.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><b>\u26a0\ufe0f\u270b Antes de seguir leyendo: <\/b><span style=\"font-weight: 400;\">Si no has visto el tutorial de YouTube <\/span><b>Crea una galer\u00eda de im\u00e1genes adaptable a dispositivos m\u00f3viles con HTML Y CSS<\/b><span style=\"font-weight: 400;\"> \u00bfQue esperas? Puedes verlo aqu\u00ed abajo: \ud83d\udc47\ud83d\udc47\ud83d\udc47<\/span><\/p>\n<p><iframe title=\"\ud83d\udcbb\ud83d\udca1 COMO HACER UNA GALER\u00cdA DE IM\u00c1GENES HTML5 RESPONSIVA | COMO HACER EFECTO OVERLAY\" width=\"1290\" height=\"726\" data-src=\"https:\/\/www.youtube.com\/embed\/Ff8Acay5oXI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<p><span style=\"font-weight: 400;\">Sin olvidarnos que como la mayor\u00eda de nuestros proyectos, la galer\u00eda de im\u00e1genes est\u00e1 completamente adaptado a dispositivos m\u00f3viles por lo que cualquier persona puede apreciarlo desde cualquier dispositivo.<\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-weight: 400;\">Recuerda que como la mayor\u00eda de nuestros proyectos, en la parte final del BLOG se encuentra el link para descargar los archivos base del proyecto: <\/span><b>C\u00f3mo hacer una galer\u00eda adaptable a dispotivos m\u00f3viles con HTML Y CSS<\/b><span style=\"font-weight: 400;\"> para que lo puedas implementar ahora mismo en tu proyecto personal o lo uses para practicar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Por \u00faltimo no olvides suscribirte a nuestro canal de Youtube <a href=\"https:\/\/www.youtube.com\/alexcgdesign\" target=\"_blank\" rel=\"noopener noreferrer\">AlexCG Design<\/a> y tambi\u00e9n seguirnos en todas nuestras redes sociales, <\/span><b>si te fue de ayuda no olvides compartir el v\u00eddeo y darle like, eso nos ayudar\u00eda much\u00edsimo a seguir dando contenido de valor.<\/b><\/p>\n<h3><img decoding=\"async\" class=\"emoji lazyload\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/1f53b.svg\" alt=\"\ud83d\udd3b\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>M\u00e1s informaci\u00f3n:<\/h3>\n<p><a href=\"http:\/\/bit.ly\/2J0ptHI\" target=\"_blank\" rel=\"noopener noreferrer\">Inv\u00edtame un caf\u00e9:<img decoding=\"async\" class=\"emoji lazyload\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/2615.svg\" alt=\"\u2615\ufe0f\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\u00a0[Dando click aqu\u00ed]<\/a><\/p>\n<p><a href=\"http:\/\/www.mediafire.com\/file\/9vpths4ng6gporo\/Galeria+con+efecto+Overlay.zip\" target=\"_blank\" rel=\"noopener noreferrer\">Descarga el formulario<img decoding=\"async\" class=\"emoji lazyload\" draggable=\"false\" data-src=\"https:\/\/s.w.org\/images\/core\/emoji\/11.2.0\/svg\/1f381.svg\" alt=\"\ud83c\udf81\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/>\u00a0[Dando click aqu\u00ed]<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hey, hola qu\u00e9 tal, las galer\u00edas de im\u00e1genes son unas de las secciones y apartados, m\u00e1s comunes y usados en la creaci\u00f3n de sitios web, por lo que tener una excelente GALERIA de IM\u00c1GENES ADAPTABLE A DISPOSITIVOS M\u00d3VILES y adem\u00e1s con un genial EFECTO, le dar\u00e1 un mucho mejor vistazo a tu sitio web, as\u00ed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":127,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-123","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"blocksy_meta":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>C\u00f3mo hacer galer\u00eda de im\u00e1genes adaptables a dispositivos m\u00f3viles con HTML Y CSS [Efecto Overlay] \ud83d\udcbb - AlexCG Design | Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-\ud83d\udcbb\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo hacer galer\u00eda de im\u00e1genes adaptables a dispositivos m\u00f3viles con HTML Y CSS [Efecto Overlay] \ud83d\udcbb - AlexCG Design | Blog\" \/>\n<meta property=\"og:description\" content=\"Hey, hola qu\u00e9 tal, las galer\u00edas de im\u00e1genes son unas de las secciones y apartados, m\u00e1s comunes y usados en la creaci\u00f3n de sitios web, por lo que tener una excelente GALERIA de IM\u00c1GENES ADAPTABLE A DISPOSITIVOS M\u00d3VILES y adem\u00e1s con un genial EFECTO, le dar\u00e1 un mucho mejor vistazo a tu sitio web, as\u00ed [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-\ud83d\udcbb\/\" \/>\n<meta property=\"og:site_name\" content=\"AlexCG Design | Blog\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-23T03:03:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/05\/Galeria-de-imagenes.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"AlexCG Design\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"AlexCG Design\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\\\/\"},\"author\":{\"name\":\"AlexCG Design\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\"},\"headline\":\"C\u00f3mo hacer galer\u00eda de im\u00e1genes adaptables a dispositivos m\u00f3viles con HTML Y CSS [Efecto Overlay] \ud83d\udcbb\",\"datePublished\":\"2019-05-23T03:03:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\\\/\"},\"wordCount\":359,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/Galeria-de-imagenes.png\",\"articleSection\":[\"Uncategorized\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\\\/\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\\\/\",\"name\":\"C\u00f3mo hacer galer\u00eda de im\u00e1genes adaptables a dispositivos m\u00f3viles con HTML Y CSS [Efecto Overlay] \ud83d\udcbb - AlexCG Design | Blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/Galeria-de-imagenes.png\",\"datePublished\":\"2019-05-23T03:03:27+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\\\/#primaryimage\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/Galeria-de-imagenes.png\",\"contentUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/05\\\/Galeria-de-imagenes.png\",\"width\":1280,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"C\u00f3mo hacer galer\u00eda de im\u00e1genes adaptables a dispositivos m\u00f3viles con HTML Y CSS [Efecto Overlay] \ud83d\udcbb\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/\",\"name\":\"AlexCG Design | Blog\",\"description\":\"Crea y aprende a crear p\u00e1ginas web gratis, tutoriales de dise\u00f1o web AlexCG Design\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/#\\\/schema\\\/person\\\/276875e35617d7ad173cc8ca55f6837a\",\"name\":\"AlexCG Design\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164\",\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164\",\"contentUrl\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164\",\"caption\":\"AlexCG Design\"},\"url\":\"https:\\\/\\\/alexcgdesign.com\\\/blog\\\/author\\\/jordanalexandercg99\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"C\u00f3mo hacer galer\u00eda de im\u00e1genes adaptables a dispositivos m\u00f3viles con HTML Y CSS [Efecto Overlay] \ud83d\udcbb - AlexCG Design | Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-\ud83d\udcbb\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo hacer galer\u00eda de im\u00e1genes adaptables a dispositivos m\u00f3viles con HTML Y CSS [Efecto Overlay] \ud83d\udcbb - AlexCG Design | Blog","og_description":"Hey, hola qu\u00e9 tal, las galer\u00edas de im\u00e1genes son unas de las secciones y apartados, m\u00e1s comunes y usados en la creaci\u00f3n de sitios web, por lo que tener una excelente GALERIA de IM\u00c1GENES ADAPTABLE A DISPOSITIVOS M\u00d3VILES y adem\u00e1s con un genial EFECTO, le dar\u00e1 un mucho mejor vistazo a tu sitio web, as\u00ed [&hellip;]","og_url":"https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-\ud83d\udcbb\/","og_site_name":"AlexCG Design | Blog","article_published_time":"2019-05-23T03:03:27+00:00","og_image":[{"width":1280,"height":720,"url":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/05\/Galeria-de-imagenes.png","type":"image\/png"}],"author":"AlexCG Design","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"AlexCG Design","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\/#article","isPartOf":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\/"},"author":{"name":"AlexCG Design","@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a"},"headline":"C\u00f3mo hacer galer\u00eda de im\u00e1genes adaptables a dispositivos m\u00f3viles con HTML Y CSS [Efecto Overlay] \ud83d\udcbb","datePublished":"2019-05-23T03:03:27+00:00","mainEntityOfPage":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\/"},"wordCount":359,"commentCount":0,"image":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\/#primaryimage"},"thumbnailUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/05\/Galeria-de-imagenes.png","articleSection":["Uncategorized"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\/","url":"https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\/","name":"C\u00f3mo hacer galer\u00eda de im\u00e1genes adaptables a dispositivos m\u00f3viles con HTML Y CSS [Efecto Overlay] \ud83d\udcbb - AlexCG Design | Blog","isPartOf":{"@id":"https:\/\/alexcgdesign.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\/#primaryimage"},"image":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\/#primaryimage"},"thumbnailUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/05\/Galeria-de-imagenes.png","datePublished":"2019-05-23T03:03:27+00:00","author":{"@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a"},"breadcrumb":{"@id":"https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\/#primaryimage","url":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/05\/Galeria-de-imagenes.png","contentUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/uploads\/2019\/05\/Galeria-de-imagenes.png","width":1280,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/alexcgdesign.com\/blog\/como-hacer-galeria-de-imagenes-adaptables-a-dispositivos-moviles-con-html-y-css-efecto-overlay-%f0%9f%92%bb\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/alexcgdesign.com\/blog\/"},{"@type":"ListItem","position":2,"name":"C\u00f3mo hacer galer\u00eda de im\u00e1genes adaptables a dispositivos m\u00f3viles con HTML Y CSS [Efecto Overlay] \ud83d\udcbb"}]},{"@type":"WebSite","@id":"https:\/\/alexcgdesign.com\/blog\/#website","url":"https:\/\/alexcgdesign.com\/blog\/","name":"AlexCG Design | Blog","description":"Crea y aprende a crear p\u00e1ginas web gratis, tutoriales de dise\u00f1o web AlexCG Design","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/alexcgdesign.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/alexcgdesign.com\/blog\/#\/schema\/person\/276875e35617d7ad173cc8ca55f6837a","name":"AlexCG Design","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/alexcgdesign.com\/blog\/wp-content\/litespeed\/avatar\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164","url":"https:\/\/alexcgdesign.com\/blog\/wp-content\/litespeed\/avatar\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164","contentUrl":"https:\/\/alexcgdesign.com\/blog\/wp-content\/litespeed\/avatar\/b1dcad11f08c6042d4e73693e1658ba3.jpg?ver=1780649164","caption":"AlexCG Design"},"url":"https:\/\/alexcgdesign.com\/blog\/author\/jordanalexandercg99\/"}]}},"_links":{"self":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/comments?post=123"}],"version-history":[{"count":1,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/123\/revisions"}],"predecessor-version":[{"id":128,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/posts\/123\/revisions\/128"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/media\/127"}],"wp:attachment":[{"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/media?parent=123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/categories?post=123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alexcgdesign.com\/blog\/wp-json\/wp\/v2\/tags?post=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}