{"id":50308,"date":"2014-08-07T11:19:40","date_gmt":"2014-08-07T14:19:40","guid":{"rendered":"http:\/\/www.jumabu.com\/design-tools\/?p=50308"},"modified":"2015-08-21T12:55:41","modified_gmt":"2015-08-21T15:55:41","slug":"notificaciones-web-con-css-y-js","status":"publish","type":"post","link":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/","title":{"rendered":"Notificaciones Web con CSS y JS"},"content":{"rendered":"<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"50314\" data-permalink=\"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/notificaciones-html-website-design\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/notificaciones-html-website-design.jpg?fit=600%2C462&amp;ssl=1\" data-orig-size=\"600,462\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"notificaciones-html-website-design\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/notificaciones-html-website-design.jpg?fit=600%2C462&amp;ssl=1\" class=\"alignnone size-full wp-image-50314\" src=\"https:\/\/i0.wp.com\/www.jumabu.com\/design-tools\/wp-content\/images\/notificaciones-html-website-design.jpg?resize=600%2C462\" alt=\"notificaciones-html-website-design\" width=\"600\" height=\"462\" srcset=\"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/notificaciones-html-website-design.jpg?w=600&amp;ssl=1 600w, https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/notificaciones-html-website-design.jpg?resize=500%2C385&amp;ssl=1 500w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><strong>Descarga ejemplos en html, css y js de notificaciones web para mostrar a los visitantes de tu sitio.<\/strong><\/p>\n<p>En el mundo del <strong>dise\u00f1o web<\/strong> las notificaciones son muchas veces no muy tenidas en cuenta, por eso el origen de este post.<br \/>\nLa idea es que puedan ver en el siguiente enlace\u00a0<a title=\"Demo Notificacion Web\" href=\"http:\/\/tympanus.net\/Development\/NotificationStyles\/\" target=\"_blank\" rel=\"nofollow\">http:\/\/tympanus.net\/Development\/NotificationStyles\/<\/a>\u00a0las diferentes <strong>animaciones<\/strong> que podemos implementar a la hora de mostrar una <strong>notificaci\u00f3n<\/strong>, ya sea luego de enviar una consulta por formulario, al apretar un bot\u00f3n, etc.<\/p>\n<p>Desde el bot\u00f3n Descargar este recurso pueden bajar la demo con todos los archivos js, css y html.<br \/>\nEspero que les sean de utilidad estos estilos ya que es muy sencilla la implementaci\u00f3n.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Descarga ejemplos en html, css y js de notificaciones web para mostrar a los visitantes de tu sitio. En el mundo del dise\u00f1o web&#8230;<\/p>\n","protected":false},"author":1,"featured_media":50314,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[4],"tags":[636,974,1607,259],"class_list":["post-50308","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web","tag-css","tag-html","tag-js","tag-website","article","has-excerpt","has-avatar","has-author","has-date","has-comment-count","has-category-meta","has-read-more","thumbnail-"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.9 - aioseo.com -->\n\t<meta name=\"description\" content=\"Descarga ejemplos en html, css y js de notificaciones web para mostrar a los visitantes de tu sitio. En el mundo del dise\u00f1o web las notificaciones son muchas veces no muy tenidas en cuenta, por eso el origen de este post. La idea es que puedan ver en el siguiente enlace http:\/\/tympanus.net\/Development\/NotificationStyles\/ las diferentes animaciones que podemos\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"jumabu\"\/>\n\t<meta name=\"google-site-verification\" content=\"TuuJAFXvPsV2lNzOuWpQJO7SwK5QsPyr8jPqyjL5Few\" \/>\n\t<meta name=\"keywords\" content=\"css,html,js,website,web\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.9\" \/>\n\t\t<meta property=\"og:locale\" content=\"es_ES\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Jumabu.com - en Facebook\" \/>\n\t\t<meta property=\"og:type\" content=\"blog\" \/>\n\t\t<meta property=\"og:title\" content=\"Notificaciones Web con CSS y JS | Jumabu\" \/>\n\t\t<meta property=\"og:description\" content=\"Descarga ejemplos en html, css y js de notificaciones web para mostrar a los visitantes de tu sitio. En el mundo del dise\u00f1o web las notificaciones son muchas veces no muy tenidas en cuenta, por eso el origen de este post. La idea es que puedan ver en el siguiente enlace http:\/\/tympanus.net\/Development\/NotificationStyles\/ las diferentes animaciones que podemos\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/\" \/>\n\t\t<meta property=\"fb:admins\" content=\"https:\/\/www.facebook.com\/jumabucom\" \/>\n\t\t<meta property=\"og:image\" content=\"https:\/\/www.jumabu.com\/es\/wp-content\/images\/notificaciones-html-website-design.jpg\" \/>\n\t\t<meta property=\"og:image:secure_url\" content=\"https:\/\/www.jumabu.com\/es\/wp-content\/images\/notificaciones-html-website-design.jpg\" \/>\n\t\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t\t<meta property=\"og:image:height\" content=\"462\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary\" \/>\n\t\t<meta name=\"twitter:site\" content=\"@jumabu\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Notificaciones Web con CSS y JS | Jumabu\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Descarga ejemplos en html, css y js de notificaciones web para mostrar a los visitantes de tu sitio. En el mundo del dise\u00f1o web las notificaciones son muchas veces no muy tenidas en cuenta, por eso el origen de este post. La idea es que puedan ver en el siguiente enlace http:\/\/tympanus.net\/Development\/NotificationStyles\/ las diferentes animaciones que podemos\" \/>\n\t\t<meta name=\"twitter:creator\" content=\"@jumabu\" \/>\n\t\t<meta name=\"twitter:image\" content=\"https:\/\/www.jumabu.com\/es\/wp-content\/images\/notificaciones-html-website-design.jpg\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/notificaciones-web-con-css-y-js\\\/#article\",\"name\":\"Notificaciones Web con CSS y JS | Jumabu\",\"headline\":\"Notificaciones Web con CSS y JS\",\"author\":{\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/author\\\/jmb\\\/#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/#organization\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.jumabu.com\\\/es\\\/wp-content\\\/images\\\/notificaciones-html-website-design.jpg?fit=600%2C462&ssl=1\",\"width\":600,\"height\":462},\"datePublished\":\"2014-08-07T11:19:40-03:00\",\"dateModified\":\"2015-08-21T12:55:41-03:00\",\"inLanguage\":\"es-ES\",\"commentCount\":1,\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/notificaciones-web-con-css-y-js\\\/#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/notificaciones-web-con-css-y-js\\\/#webpage\"},\"articleSection\":\"Web, css, html, js, website\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/notificaciones-web-con-css-y-js\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es#listItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.jumabu.com\\\/es\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/category\\\/web\\\/#listItem\",\"name\":\"Web\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/category\\\/web\\\/#listItem\",\"position\":2,\"name\":\"Web\",\"item\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/category\\\/web\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/notificaciones-web-con-css-y-js\\\/#listItem\",\"name\":\"Notificaciones Web con CSS y JS\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es#listItem\",\"name\":\"Home\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/notificaciones-web-con-css-y-js\\\/#listItem\",\"position\":3,\"name\":\"Notificaciones Web con CSS y JS\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/category\\\/web\\\/#listItem\",\"name\":\"Web\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/#organization\",\"name\":\"jumabu\",\"description\":\"Descarga Vectores, Archivos de Photoshop e Im\\u00e1genes de Stock Gratis\",\"url\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.jumabu.com\\\/es\\\/wp-content\\\/images\\\/Logo2020.png?fit=400%2C95&ssl=1\",\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/notificaciones-web-con-css-y-js\\\/#organizationLogo\",\"width\":400,\"height\":95},\"image\":{\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/notificaciones-web-con-css-y-js\\\/#organizationLogo\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/jumabucom\",\"https:\\\/\\\/twitter.com\\\/jumabu\",\"https:\\\/\\\/www.pinterest.com\\\/jumabu\",\"https:\\\/\\\/jumabu.tumblr.com\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/author\\\/jmb\\\/#author\",\"url\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/author\\\/jmb\\\/\",\"name\":\"jumabu\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/notificaciones-web-con-css-y-js\\\/#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/28d3bddbe60425d825eea48ee4f981b9b4129e124315a3e454bf9dcdf5aa5744?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"jumabu\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/jumabuDesignTools\",\"https:\\\/\\\/www.twitter.com\\\/jumabu\"]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/notificaciones-web-con-css-y-js\\\/#webpage\",\"url\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/notificaciones-web-con-css-y-js\\\/\",\"name\":\"Notificaciones Web con CSS y JS | Jumabu\",\"description\":\"Descarga ejemplos en html, css y js de notificaciones web para mostrar a los visitantes de tu sitio. En el mundo del dise\\u00f1o web las notificaciones son muchas veces no muy tenidas en cuenta, por eso el origen de este post. La idea es que puedan ver en el siguiente enlace http:\\\/\\\/tympanus.net\\\/Development\\\/NotificationStyles\\\/ las diferentes animaciones que podemos\",\"inLanguage\":\"es-ES\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/notificaciones-web-con-css-y-js\\\/#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/author\\\/jmb\\\/#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/author\\\/jmb\\\/#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/i0.wp.com\\\/www.jumabu.com\\\/es\\\/wp-content\\\/images\\\/notificaciones-html-website-design.jpg?fit=600%2C462&ssl=1\",\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/notificaciones-web-con-css-y-js\\\/#mainImage\",\"width\":600,\"height\":462},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/notificaciones-web-con-css-y-js\\\/#mainImage\"},\"datePublished\":\"2014-08-07T11:19:40-03:00\",\"dateModified\":\"2015-08-21T12:55:41-03:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/#website\",\"url\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/\",\"name\":\"Jumabu.com\",\"description\":\"Descarga Vectores, Archivos de Photoshop e Im\\u00e1genes de Stock Gratis\",\"inLanguage\":\"es-ES\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.jumabu.com\\\/es\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Notificaciones Web con CSS y JS | Jumabu","description":"Descarga ejemplos en html, css y js de notificaciones web para mostrar a los visitantes de tu sitio. En el mundo del dise\u00f1o web las notificaciones son muchas veces no muy tenidas en cuenta, por eso el origen de este post. La idea es que puedan ver en el siguiente enlace http:\/\/tympanus.net\/Development\/NotificationStyles\/ las diferentes animaciones que podemos","canonical_url":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/","robots":"max-image-preview:large","keywords":"css,html,js,website,web","webmasterTools":{"google-site-verification":"TuuJAFXvPsV2lNzOuWpQJO7SwK5QsPyr8jPqyjL5Few","miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/#article","name":"Notificaciones Web con CSS y JS | Jumabu","headline":"Notificaciones Web con CSS y JS","author":{"@id":"https:\/\/www.jumabu.com\/es\/author\/jmb\/#author"},"publisher":{"@id":"https:\/\/www.jumabu.com\/es\/#organization"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/notificaciones-html-website-design.jpg?fit=600%2C462&ssl=1","width":600,"height":462},"datePublished":"2014-08-07T11:19:40-03:00","dateModified":"2015-08-21T12:55:41-03:00","inLanguage":"es-ES","commentCount":1,"mainEntityOfPage":{"@id":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/#webpage"},"isPartOf":{"@id":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/#webpage"},"articleSection":"Web, css, html, js, website"},{"@type":"BreadcrumbList","@id":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.jumabu.com\/es#listItem","position":1,"name":"Home","item":"https:\/\/www.jumabu.com\/es","nextItem":{"@type":"ListItem","@id":"https:\/\/www.jumabu.com\/es\/category\/web\/#listItem","name":"Web"}},{"@type":"ListItem","@id":"https:\/\/www.jumabu.com\/es\/category\/web\/#listItem","position":2,"name":"Web","item":"https:\/\/www.jumabu.com\/es\/category\/web\/","nextItem":{"@type":"ListItem","@id":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/#listItem","name":"Notificaciones Web con CSS y JS"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.jumabu.com\/es#listItem","name":"Home"}},{"@type":"ListItem","@id":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/#listItem","position":3,"name":"Notificaciones Web con CSS y JS","previousItem":{"@type":"ListItem","@id":"https:\/\/www.jumabu.com\/es\/category\/web\/#listItem","name":"Web"}}]},{"@type":"Organization","@id":"https:\/\/www.jumabu.com\/es\/#organization","name":"jumabu","description":"Descarga Vectores, Archivos de Photoshop e Im\u00e1genes de Stock Gratis","url":"https:\/\/www.jumabu.com\/es\/","logo":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/Logo2020.png?fit=400%2C95&ssl=1","@id":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/#organizationLogo","width":400,"height":95},"image":{"@id":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/#organizationLogo"},"sameAs":["https:\/\/www.facebook.com\/jumabucom","https:\/\/twitter.com\/jumabu","https:\/\/www.pinterest.com\/jumabu","https:\/\/jumabu.tumblr.com\/"]},{"@type":"Person","@id":"https:\/\/www.jumabu.com\/es\/author\/jmb\/#author","url":"https:\/\/www.jumabu.com\/es\/author\/jmb\/","name":"jumabu","image":{"@type":"ImageObject","@id":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/28d3bddbe60425d825eea48ee4f981b9b4129e124315a3e454bf9dcdf5aa5744?s=96&d=mm&r=g","width":96,"height":96,"caption":"jumabu"},"sameAs":["https:\/\/www.facebook.com\/jumabuDesignTools","https:\/\/www.twitter.com\/jumabu"]},{"@type":"WebPage","@id":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/#webpage","url":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/","name":"Notificaciones Web con CSS y JS | Jumabu","description":"Descarga ejemplos en html, css y js de notificaciones web para mostrar a los visitantes de tu sitio. En el mundo del dise\u00f1o web las notificaciones son muchas veces no muy tenidas en cuenta, por eso el origen de este post. La idea es que puedan ver en el siguiente enlace http:\/\/tympanus.net\/Development\/NotificationStyles\/ las diferentes animaciones que podemos","inLanguage":"es-ES","isPartOf":{"@id":"https:\/\/www.jumabu.com\/es\/#website"},"breadcrumb":{"@id":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/#breadcrumblist"},"author":{"@id":"https:\/\/www.jumabu.com\/es\/author\/jmb\/#author"},"creator":{"@id":"https:\/\/www.jumabu.com\/es\/author\/jmb\/#author"},"image":{"@type":"ImageObject","url":"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/notificaciones-html-website-design.jpg?fit=600%2C462&ssl=1","@id":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/#mainImage","width":600,"height":462},"primaryImageOfPage":{"@id":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/#mainImage"},"datePublished":"2014-08-07T11:19:40-03:00","dateModified":"2015-08-21T12:55:41-03:00"},{"@type":"WebSite","@id":"https:\/\/www.jumabu.com\/es\/#website","url":"https:\/\/www.jumabu.com\/es\/","name":"Jumabu.com","description":"Descarga Vectores, Archivos de Photoshop e Im\u00e1genes de Stock Gratis","inLanguage":"es-ES","publisher":{"@id":"https:\/\/www.jumabu.com\/es\/#organization"}}]},"og:locale":"es_ES","og:site_name":"Jumabu.com - en Facebook","og:type":"blog","og:title":"Notificaciones Web con CSS y JS | Jumabu","og:description":"Descarga ejemplos en html, css y js de notificaciones web para mostrar a los visitantes de tu sitio. En el mundo del dise\u00f1o web las notificaciones son muchas veces no muy tenidas en cuenta, por eso el origen de este post. La idea es que puedan ver en el siguiente enlace http:\/\/tympanus.net\/Development\/NotificationStyles\/ las diferentes animaciones que podemos","og:url":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/","fb:admins":"https:\/\/www.facebook.com\/jumabucom","og:image":"https:\/\/www.jumabu.com\/es\/wp-content\/images\/notificaciones-html-website-design.jpg","og:image:secure_url":"https:\/\/www.jumabu.com\/es\/wp-content\/images\/notificaciones-html-website-design.jpg","og:image:width":600,"og:image:height":462,"twitter:card":"summary","twitter:site":"@jumabu","twitter:title":"Notificaciones Web con CSS y JS | Jumabu","twitter:description":"Descarga ejemplos en html, css y js de notificaciones web para mostrar a los visitantes de tu sitio. En el mundo del dise\u00f1o web las notificaciones son muchas veces no muy tenidas en cuenta, por eso el origen de este post. La idea es que puedan ver en el siguiente enlace http:\/\/tympanus.net\/Development\/NotificationStyles\/ las diferentes animaciones que podemos","twitter:creator":"@jumabu","twitter:image":"https:\/\/www.jumabu.com\/es\/wp-content\/images\/notificaciones-html-website-design.jpg"},"aioseo_meta_data":{"post_id":"50308","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":"","og_description":"","og_object_type":"blog","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":"","og_article_tags":"","twitter_use_og":false,"twitter_card":"summary","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[],"defaultGraph":"","defaultPostTypeGraph":""},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2021-07-12 14:26:47","updated":"2022-09-28 16:59:28","seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.jumabu.com\/es\" title=\"Home\">Home<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/www.jumabu.com\/es\/category\/web\/\" title=\"Web\">Web<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tNotificaciones Web con CSS y JS\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Home","link":"https:\/\/www.jumabu.com\/es"},{"label":"Web","link":"https:\/\/www.jumabu.com\/es\/category\/web\/"},{"label":"Notificaciones Web con CSS y JS","link":"https:\/\/www.jumabu.com\/es\/notificaciones-web-con-css-y-js\/"}],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/notificaciones-html-website-design.jpg?fit=600%2C462&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p211Nr-d5q","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/posts\/50308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/comments?post=50308"}],"version-history":[{"count":0,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/posts\/50308\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/media\/50314"}],"wp:attachment":[{"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/media?parent=50308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/categories?post=50308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/tags?post=50308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}