{"id":10493,"date":"2021-03-14T07:18:00","date_gmt":"2021-03-14T07:18:00","guid":{"rendered":"https:\/\/www.templatemonster.com\/es\/blog\/?p=10493"},"modified":"2021-04-12T11:38:18","modified_gmt":"2021-04-12T11:38:18","slug":"efectos-hover-de-css3-gratuitos-para-copiar-y-pegar","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/","title":{"rendered":"Efectos hover de CSS3 gratuitos para copiar y pegar"},"content":{"rendered":"<p>CSS es una tecnolog\u00eda incre\u00edble y con su ayuda puedes crear cosas realmente sorprendentes. Aprovechando 'todo ese poder', puedes a\u00f1adir cualquier tipo de efectos visuales a tu recurso. Por lo tanto, hoy hablaremos sobre los efectos de hover CSS3. Hemos preparado una\u00a0colecci\u00f3n de tutoriales para que puedas agregar un poco de movimiento a tus dise\u00f1os.<\/p>\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" loading=\"lazy\" width=\"900\" height=\"538\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/12\/efectos-hover-de-css3-gratis.jpg\" alt=\"Efectos hover CSS3 gratis\" class=\"wp-image-23795\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/12\/efectos-hover-de-css3-gratis.jpg 900w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/12\/efectos-hover-de-css3-gratis-300x179.jpg 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/12\/efectos-hover-de-css3-gratis-768x459.jpg 768w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/figure>\n<p>El&nbsp;hovering de im\u00e1genes se puede aplicar a cualquier imagen en tu blog o sitio, simplemente a\u00f1ade&nbsp;un par de l\u00edneas de c\u00f3digo a tu archivo de CSS. Estos efectos definitivamente sorprender\u00e1n a tus visitantes. Todo lo que se necesita es pasar el cursor del rat\u00f3n&nbsp;sobre una imagen y ocurre el milagro. Es hora de dejar de hablar y echar un vistazo a los ejemplos que hemos escogido para ti. Disfruta de estos tutoriales y no dudes en utilizar estos excelentes efectos.<\/p>\n<hr class=\"wp-block-separator\"\/>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/www.templatemonster.com\/es\/elementos-de-interfaz-de-usuario-tipo\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" loading=\"lazy\" width=\"835\" height=\"100\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/11\/UI-elements.png\" alt=\"UI elements banner\" class=\"wp-image-20418\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/11\/UI-elements.png 835w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/11\/UI-elements-300x36.png 300w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/11\/UI-elements-768x92.png 768w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/11\/UI-elements-640x77.png 640w\" sizes=\"(max-width: 835px) 100vw, 835px\" \/><\/a><\/figure>\n<\/div>\n<hr class=\"wp-block-separator\"\/>\n<h2 id=\"CSS3\">Efectos CSS gratis<\/h2>\n<p><a href=\"http:\/\/tympanus.net\/codrops\/2012\/04\/09\/direction-aware-hover-effect-with-css3-and-jquery\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Direction-Aware Hover Effect<\/a><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"620\" height=\"328\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Direction-Aware-Hover-Effect.jpg\" alt=\"\" class=\"wp-image-10506\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Direction-Aware-Hover-Effect.jpg 620w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Direction-Aware-Hover-Effect-300x159.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n<\/div>\n<p class=\"has-text-align-center\"><a href=\"https:\/\/tympanus.net\/TipsTricks\/DirectionAwareHoverEffect\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Demo<\/a><\/p>\n<hr class=\"wp-block-separator\"\/>\n<p><a href=\"http:\/\/tympanus.net\/codrops\/2012\/08\/08\/circle-hover-effects-with-css-transitions\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Circle Hover Effects<\/a><\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" loading=\"lazy\" width=\"620\" height=\"328\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Circle-Hover-Effects.jpg\" alt=\"\" class=\"wp-image-10503\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Circle-Hover-Effects.jpg 620w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Circle-Hover-Effects-300x159.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n<p class=\"has-text-align-center\"><a href=\"https:\/\/tympanus.net\/Tutorials\/CircleHoverEffects\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Demo<\/a><\/p>\n<hr class=\"wp-block-separator\"\/>\n<p><a href=\"http:\/\/www.script-tutorials.com\/css3-image-hover-effects\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">CSS3 Image Hover Effects<\/a><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"620\" height=\"328\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/CSS3-Image-Hover-Effects.jpg\" alt=\"\" class=\"wp-image-10504\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/CSS3-Image-Hover-Effects.jpg 620w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/CSS3-Image-Hover-Effects-300x159.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n<\/div>\n<p class=\"has-text-align-center\"><a href=\"http:\/\/www.script-tutorials.com\/demos\/225\/index.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Demo<\/a><\/p>\n<hr class=\"wp-block-separator\"\/>\n<p><a href=\"http:\/\/www.htmldrive.net\/items\/download\/1246\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Fancy CSS3 Transitions Image Gallery <\/a><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"620\" height=\"328\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Fancy-CSS3-Transitions-Image-Gallery.jpg\" alt=\"\" class=\"wp-image-10507\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Fancy-CSS3-Transitions-Image-Gallery.jpg 620w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Fancy-CSS3-Transitions-Image-Gallery-300x159.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n<\/div>\n<p class=\"has-text-align-center\"><a href=\"http:\/\/www.htmldrive.net\/items\/demo\/1246\/Fancy-CSS3-Transitions-Image-Gallery-\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Demo<\/a><\/p>\n<hr class=\"wp-block-separator\"\/>\n<p><a href=\"http:\/\/www.htmldrive.net\/items\/download\/381\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Snazzy Hover Effects Using CSS3<\/a><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"620\" height=\"328\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Snazzy-Hover-Effects-Using-CSS3.jpg\" alt=\"\" class=\"wp-image-10513\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Snazzy-Hover-Effects-Using-CSS3.jpg 620w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Snazzy-Hover-Effects-Using-CSS3-300x159.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n<\/div>\n<p class=\"has-text-align-center\"><a href=\"http:\/\/www.htmldrive.net\/items\/demo\/381\/Snazzy-Hover-Effects-Using-CSS3\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Demo<\/a><\/p>\n<hr class=\"wp-block-separator\"\/>\n<p><a href=\"http:\/\/www.htmldrive.net\/items\/download\/545\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Popout Details on Hover CSS3<\/a><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"620\" height=\"328\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Popout-Details-on-Hover-CSS3.jpg\" alt=\"\" class=\"wp-image-10511\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Popout-Details-on-Hover-CSS3.jpg 620w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Popout-Details-on-Hover-CSS3-300x159.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n<\/div>\n<p class=\"has-text-align-center\"><a href=\"http:\/\/www.htmldrive.net\/items\/demo\/545\/Popout-Details-on-Hover-CSS3\" target=\"_blank\" rel=\"nofollow noopener noreferrer\" class=\"broken_link\">Demo<\/a><\/p>\n<hr class=\"wp-block-separator\"\/>\n<p><a href=\"https:\/\/www.hongkiat.com\/blog\/css3-image-captions\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">6 Image Captions<\/a><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"620\" height=\"328\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/6-Image-Captions.jpg\" alt=\"\" class=\"wp-image-10500\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/6-Image-Captions.jpg 620w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/6-Image-Captions-300x159.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n<\/div>\n<hr class=\"wp-block-separator\"\/>\n<p><a href=\"http:\/\/www.jacklmoore.com\/zoom\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">jQuery Zoom<\/a><\/p>\n<div class=\"wp_syntax\">\n<table>\n<tbody>\n<tr>\n<td class=\"line_numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n<\/pre>\n<\/td>\n<td class=\"code\">\n<pre class=\"php\">\/\/ Example:\n$(document).ready(function(){\n  $('a.photo').zoom({url: 'photo-big.jpg'});\n});\n&nbsp;\n\/\/ Using Colorbox with Zoom\n$(document).ready(function(){\n  $('a.photo').zoom({\n    url: 'photo-big.jpg', \n    callback: function(){\n      $(this).colorbox({href: this.src});\n    }\n  });\n});<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<hr class=\"wp-block-separator\"\/>\n<p><a href=\"http:\/\/tympanus.net\/codrops\/2012\/01\/04\/thumbnail-proximity-effect\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">PROXIMITY EFFECT WITH JQUERY AND CSS3<\/a><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"620\" height=\"328\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/PROXIMITY-EFFECT-WITH-JQUERY-AND-CSS3.jpg\" alt=\"\" class=\"wp-image-10512\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/PROXIMITY-EFFECT-WITH-JQUERY-AND-CSS3.jpg 620w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/PROXIMITY-EFFECT-WITH-JQUERY-AND-CSS3-300x159.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n<\/div>\n<p class=\"has-text-align-center\"><a href=\"https:\/\/tympanus.net\/Tutorials\/ProximityEffect\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Demo<\/a><\/p>\n<hr class=\"wp-block-separator\"\/>\n<p><a href=\"http:\/\/tympanus.net\/codrops\/2011\/12\/14\/item-blur-effect-with-css3-and-jquery\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Item Blur Effect With CSS3 &amp; jQuery <\/a><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"620\" height=\"328\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Item-Blur-Effect-With-CSS3-jQuery.jpg\" alt=\"\" class=\"wp-image-10509\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Item-Blur-Effect-With-CSS3-jQuery.jpg 620w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Item-Blur-Effect-With-CSS3-jQuery-300x159.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n<\/div>\n<p class=\"has-text-align-center\"><a href=\"https:\/\/tympanus.net\/Tutorials\/ItemBlur\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Demo<\/a><\/p>\n<hr class=\"wp-block-separator\"\/>\n<p><a href=\"http:\/\/tympanus.net\/codrops\/2012\/05\/09\/how-to-create-a-fast-hover-slideshow-with-css3\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Fast Hover Slideshow<\/a><\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" loading=\"lazy\" width=\"620\" height=\"328\" src=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Fast-Hover-Slideshow.jpg\" alt=\"\" class=\"wp-image-10508\" srcset=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Fast-Hover-Slideshow.jpg 620w, https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2018\/05\/Fast-Hover-Slideshow-300x159.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/figure>\n<\/div>\n<p class=\"has-text-align-center\"><a href=\"https:\/\/tympanus.net\/TipsTricks\/FastHoverSlideshow\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Demo<\/a><\/p>\n<hr class=\"wp-block-separator\"\/>\n<p><a href=\"http:\/\/tympanus.net\/codrops\/2010\/07\/04\/image-highlighting-preview\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">IMAGE HIGHLIGHTING AND PREVIEW WITH JQUERY<\/a><\/p>\n<div class=\"wp_syntax\">\n<table>\n<tbody>\n<tr>\n<td class=\"line_numbers\">\n<pre>1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n<\/pre>\n<\/td>\n<td class=\"code\">\n<pre class=\"php\">.ih_overlay{\n    position:fixed;\n    top:0px;\n    left:0px;\n    right:0px;\n    bottom:0px;\n    background:#000;\n    z-index:10;\n    opacity:0.9;\n    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);\n}<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<hr class=\"wp-block-separator\"\/>\n<h2 id=\"otrosposts\">Entradas relacionadas de nuestro blog<\/h2>\n<p class=\"has-text-align-center\"><a href=\"https:\/\/monsterspost.com\/es\/100-formularios-html5-css3-gratis-de-registro-ininio-de-sesion\/\" target=\"_blank\" rel=\"noreferrer noopener\">50 Formularios HTML5 CSS3 gratuitos de registro \/ ini\u0441io de sesi\u00f3n<\/a><br \/> <a href=\"https:\/\/monsterspost.com\/es\/menus-css3-desplagables-gratis\/\" target=\"_blank\" rel=\"noreferrer noopener\">La docena del fraile de men\u00fas CSS3 desplegables gratis<\/a><br \/> <a href=\"https:\/\/monsterspost.com\/es\/14-profesionales-generadores-css-para-crear-disenos-inolvidables\/\" target=\"_blank\" rel=\"noreferrer noopener\">14 Profesionales Generadores CSS para Crear Dise\u00f1os Inolvidables<\/a><\/p>\n<p>Fuente: \"<a href=\"https:\/\/monsterspost.com\/css-image-hover-effects\/\" target=\"_blank\" rel=\"noopener noreferrer\">Free CSS3 Hover Effects to Copy and Paste<\/a>\" por Alex Bulat<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS es una tecnolog\u00eda incre\u00edble y con su ayuda puedes crear cosas realmente sorprendentes. Aprovechando 'todo ese poder', puedes a\u00f1adir cualquier tipo de efectos visuales a tu recurso. Por lo tanto, hoy hablaremos sobre los efectos de hover CSS3. Hemos preparado una\u00a0colecci\u00f3n de tutoriales para que puedas agregar un poco de movimiento a tus dise\u00f1os. [&hellip;]<\/p>\n","protected":false},"author":1334762,"featured_media":23795,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[26,24,5,11],"tags":[533,126],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Efectos hover de CSS3 gratuitos para copiar y pegar<\/title>\n<meta name=\"description\" content=\"En esta entrada hablaremos sobre los efectos hover de CSS3 en im\u00e1genes. \u00a1Lee, aprende y estad atentos con nosotros!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Efectos hover de CSS3 gratuitos para copiar y pegar\" \/>\n<meta property=\"og:description\" content=\"En esta entrada hablaremos sobre los efectos hover de CSS3 en im\u00e1genes. \u00a1Lee, aprende y estad atentos con nosotros!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de TemplateMonster\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterEspana\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-14T07:18:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-04-12T11:38:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/12\/efectos-hover-de-css3-gratis.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Diane Parks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:site\" content=\"@TMonster_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Diane Parks\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/\"},\"author\":{\"name\":\"Diane Parks\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\"},\"headline\":\"Efectos hover de CSS3 gratuitos para copiar y pegar\",\"datePublished\":\"2021-03-14T07:18:00+00:00\",\"dateModified\":\"2021-04-12T11:38:18+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/\"},\"wordCount\":270,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"keywords\":[\"CSS3\",\"recursos gratis\"],\"articleSection\":[\"Desarrollo web\",\"Dise\u00f1o web\",\"Gratis\",\"Usabilidad\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/\",\"url\":\"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/\",\"name\":\"Efectos hover de CSS3 gratuitos para copiar y pegar\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#website\"},\"datePublished\":\"2021-03-14T07:18:00+00:00\",\"dateModified\":\"2021-04-12T11:38:18+00:00\",\"description\":\"En esta entrada hablaremos sobre los efectos hover de CSS3 en im\u00e1genes. \u00a1Lee, aprende y estad atentos con nosotros!\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Efectos hover de CSS3 gratuitos para copiar y pegar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/es\/#website\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"name\":\"Blog de TemplateMonster\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/es\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/es\/#organization\",\"name\":\"MonstersPost Espa\u00f1a\",\"url\":\"https:\/\/monsterspost.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonstersPost Espa\u00f1a\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterEspana\",\"https:\/\/twitter.com\/TMonster_ES\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c\",\"name\":\"Diane Parks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Diane Parks\"},\"description\":\"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!\",\"sameAs\":[\"https:\/\/www.facebook.com\/profile.php?id=100004881674652\"],\"url\":\"https:\/\/monsterspost.com\/es\/author\/diane\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Efectos hover de CSS3 gratuitos para copiar y pegar","description":"En esta entrada hablaremos sobre los efectos hover de CSS3 en im\u00e1genes. \u00a1Lee, aprende y estad atentos con nosotros!","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:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/","og_locale":"es_ES","og_type":"article","og_title":"Efectos hover de CSS3 gratuitos para copiar y pegar","og_description":"En esta entrada hablaremos sobre los efectos hover de CSS3 en im\u00e1genes. \u00a1Lee, aprende y estad atentos con nosotros!","og_url":"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/","og_site_name":"Blog de TemplateMonster","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterEspana","article_author":"https:\/\/www.facebook.com\/profile.php?id=100004881674652","article_published_time":"2021-03-14T07:18:00+00:00","article_modified_time":"2021-04-12T11:38:18+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2019\/12\/efectos-hover-de-css3-gratis.jpg","type":"image\/jpeg"}],"author":"Diane Parks","twitter_card":"summary_large_image","twitter_creator":"@TMonster_ES","twitter_site":"@TMonster_ES","twitter_misc":{"Escrito por":"Diane Parks","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/"},"author":{"name":"Diane Parks","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c"},"headline":"Efectos hover de CSS3 gratuitos para copiar y pegar","datePublished":"2021-03-14T07:18:00+00:00","dateModified":"2021-04-12T11:38:18+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/"},"wordCount":270,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"keywords":["CSS3","recursos gratis"],"articleSection":["Desarrollo web","Dise\u00f1o web","Gratis","Usabilidad"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/","url":"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/","name":"Efectos hover de CSS3 gratuitos para copiar y pegar","isPartOf":{"@id":"https:\/\/monsterspost.com\/es\/#website"},"datePublished":"2021-03-14T07:18:00+00:00","dateModified":"2021-04-12T11:38:18+00:00","description":"En esta entrada hablaremos sobre los efectos hover de CSS3 en im\u00e1genes. \u00a1Lee, aprende y estad atentos con nosotros!","breadcrumb":{"@id":"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/es\/efectos-hover-de-css3-gratuitos-para-copiar-y-pegar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/es\/"},{"@type":"ListItem","position":2,"name":"Efectos hover de CSS3 gratuitos para copiar y pegar"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/es\/#website","url":"https:\/\/monsterspost.com\/es\/","name":"Blog de TemplateMonster","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/es\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/es\/#organization","name":"MonstersPost Espa\u00f1a","url":"https:\/\/monsterspost.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/es\/wp-content\/uploads\/sites\/4\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonstersPost Espa\u00f1a"},"image":{"@id":"https:\/\/monsterspost.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterEspana","https:\/\/twitter.com\/TMonster_ES"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/9347a229c99d039260b529468e03bb3c","name":"Diane Parks","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/monsterspost.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9dc57114df7de4f9c97b5d1f73e7c5ff?s=96&d=https%3A%2F%2Fmonsterspost.com%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Diane Parks"},"description":"Diane trabja como una redactora del blog MonsterPost Espa\u00f1a desde hace muchos a\u00f1os. No imagina su vida sin escribir, aprender algo nuevo cada d\u00eda, desarollarse personalmente y profesionalmente, y compartir sus conocimientos y experiencia con los lectores del blog. \u00a1S\u00edguela en Facebook!","sameAs":["https:\/\/www.facebook.com\/profile.php?id=100004881674652"],"url":"https:\/\/monsterspost.com\/es\/author\/diane\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/10493"}],"collection":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/users\/1334762"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/comments?post=10493"}],"version-history":[{"count":14,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/10493\/revisions"}],"predecessor-version":[{"id":23797,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/posts\/10493\/revisions\/23797"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media\/23795"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/media?parent=10493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/categories?post=10493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/es\/wp-json\/wp\/v2\/tags?post=10493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}