{"id":23799,"date":"2025-07-18T13:00:00","date_gmt":"2025-07-18T11:00:00","guid":{"rendered":"https:\/\/carontestudio.com\/blog\/?p=23799"},"modified":"2025-08-29T13:15:34","modified_gmt":"2025-08-29T11:15:34","slug":"novedades-css-2025-parte-2","status":"publish","type":"post","link":"https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/","title":{"rendered":"Novedades CSS 2025 &#8211; Parte 2"},"content":{"rendered":"\n<p>Una vez cruzado el meridiano de este 2025, es momento de <strong>retomar las novedades CSS m\u00e1s sonadas <\/strong>del presente a\u00f1o. Te damos la bienvenida a la segunda parte de nuestra revisi\u00f3n de las m\u00e1s \u00fatiles e impresionantes caracter\u00edsticas de CSS. \u00bfComenzamos? \u00a1Vamos all\u00e1!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Top propiedades CSS experimentales en 2025<\/h2>\n\n\n\n<p>Como ya vimos en la primera parte de <a href=\"https:\/\/carontestudio.com\/blog\/novedades-css-2025\/\">nuestro art\u00edculo CSS del presente a\u00f1o<\/a>, hay algunas propiedades ya establecidas y asentadas, as\u00ed como otras que no cuentan con total soporte en todos los navegadores. Es por eso que vamos a comenzar con algunas de las propiedades.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Layer<\/h3>\n\n\n\n<p>Esta \u00fatil propiedad permite <strong>crear distintas capas de especificidad CSS<\/strong>. As\u00ed, de esta manera podemos modificar la jerarqu\u00eda de la carga de estilos. Adem\u00e1s, permite indicar una carga de un archivo en concreto para asociarla en una capa concreta.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Text Wrap:balance<\/h3>\n\n\n\n<p>Esta nueva propiedad resulta especialmente en textos grandes como esl\u00f3ganes o \u00abclaims\u00bb. \u00bfA qui\u00e9n no le ha ocurrido, que al redimensionar la ventana del navegador le quedara una palabra hu\u00e9rfana en una nueva l\u00ednea? Para <strong>evitar esas palabras \u00abmarginadas\u00bb en una nueva l\u00ednea<\/strong>, podemos hacer uso de esta nueva propiedad. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Nesting<\/h3>\n\n\n\n<p>Por fin podemos decir que <strong>el \u00abnesting\u00bb se encuentra implementado por completo en CSS.<\/strong> Una de las caracter\u00edsticas m\u00e1s deseadas de SASS lleg\u00f3 como prototipo el a\u00f1o pasado y como era de esperar, se ha impuesto. Su funcionamiento es de lo m\u00e1s sencillo. Su nomenclatura se basa en el uso de \u00ab&amp;\u00bb para indicar la pertenencia a un elemento superior.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/* Sin nesting *\/\n.padre {\n  \/* Estilos del padre *\/\n  .hijo {\n    \/* Estilos del hijo *\/\n  }\n}\n\n\/* Con nesting *\/\n.padre {\n  \/* Estilos del padre *\/\n  &amp; .hijo {\n    \/* Estilos del hijo *\/\n  }\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Container queries<\/h3>\n\n\n\n<p>Permite hacer una e<strong>xcepci\u00f3n en el estilo de un elemento en funci\u00f3n de su contenedor<\/strong>. A diferencia de las mediaqueries habituales, relativas al ancho de la ventana del navegador, la query @container, permite \u00abescuchar\u00bb \u00fanicamente la naturaleza y estado de un elemento contenedor, y actuar sobre su contenido como especifiquemos.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@container house-card(width &lt;= 450px){}\n<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Relative colors<\/h3>\n\n\n\n<p>Permite <strong>modificar el valor de un color o background-color correspondiente a una variable<\/strong>. Lo m\u00e1s impresionante de esto, no es solo la posibilidad de modificar el color de un elemento sin necesidad de crear una nueva variable. La mayor ventaja es la capacidad de editar par\u00e1metros concretos de esta variable. Por ejemplo, en el siguiente caso, podemos observar c\u00f3mo solo cambiaremos el tono.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.btn:hover{\noklch(from var(--bg-color) calc(1 - 0.075) c h);\n}<\/code><\/pre>\n\n\n\n<p>Adem\u00e1s, lo m\u00e1s sorprendente es que aunque la variable se haya declarado en un formato; rgb, hsl, oklch, &#8230; Podemos variar su valor en otro distinto. \u00a1Impresionante!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Validation<\/h3>\n\n\n\n<p>Una de las mejores incorporaciones a CSS es sin duda alguna la validaci\u00f3n de formularios sin dependencia de JavaScript. Como bien sabr\u00e1s, para mejorar la accesibilidad y usabilidad de los formularios, se suelen emplear sistemas de validaci\u00f3n que permitan al usuario saber si la informaci\u00f3n insertada es correcta o no. Pues bien, a partir de ahora, todo ello lo podemos lograr \u00fanicamente mediante CSS. Mediante el uso de \u00abvalid\u00bb o \u00abinvalid\u00bb en los inputs, <strong>podremos dar estilos para gestionar la validaci\u00f3n del formulario<\/strong>. Por ejemplo, en el siguiente c\u00f3digo podr\u00e1s observar que cuando un input sea correcto, tendr\u00e1 un borde verde, adem\u00e1s de que su pseudo elemento mostrar\u00e1 \u00abOK\u00bb.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.input:user-valid {\n    border-color: green;\n      &amp;::after{\n       content: \"OK\";\n  }\n}.input:user-invalid {\n    border-color: red;\n      &amp;::after{\n       content: \"WRONG\";\n  }\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">SubGrid<\/h3>\n\n\n\n<p>Por fin con soporte para todos los navegadores. La opci\u00f3n de \u00absubgrid\u00bb permite algo tan simple como que un elemento hijo de un padre con \u00abdisplay:grid\u00bb, pueda poseer la misma ret\u00edcula que su contenedor. En el siguiente ejemplo, podemos observar c\u00f3mo el elemento hijo adquiere o hereda la ret\u00edcula de su elemento padre.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.grid{\n  display:grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap:1rem;\n}\n.grid-child{\n   grid-template-columns: subgrid;\n}\n<\/code><\/pre>\n\n\n\n<p>Como puedes observar, minimizamos el c\u00f3digo, al hacer que el hijo adquiera tanto la ret\u00edcula como el \u00abgap\u00bb o espaciado del padre. \u00bfNo es genial?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Display<\/h3>\n\n\n\n<p>La propiedad \u00abdisplay\u00bb acaba de dar un vuelco en su propio ser gracias a esta nueva caracter\u00edstica. Ahora <strong>es posible indicar dos valores dentro de esta propiedad<\/strong>. S\u00ed, has le\u00eddo bien. De esta manera, logramos evitar en gran medida la herencia de comportamiento entre padres e hijos. Por ejemplo, si quiero que un elemento de bloque disponga de hijos \u00abflex\u00bb, bastar\u00e1 con indicarlo de manera consecutiva. \u00bf\u00datil, verdad?<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Propiedades l\u00f3gicas<\/h3>\n\n\n\n<p>Una de las caracter\u00edsticas m\u00e1s curiosas y que, quiz\u00e1, solucione algunos de los problemas menos habituales a la hora de desarrollar un sitio web, son las nuevas propiedades l\u00f3gicas. Estas tienen como particularidad, cambiar los estilos en funci\u00f3n del contexto. Por ejemplo, si tenemos un input en el que se escribe de izquierda a derecha, pero al cambiar de idioma, se escribe al rev\u00e9s, podemos definir un \u00abpadding\u00bb al inicio del texto, de modo que este var\u00ede autom\u00e1ticamente. He aqu\u00ed un ejemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.input{\n  padding-inline-start: 1rem;\n}<\/code><\/pre>\n\n\n\n<p>Como podr\u00e1s observar, no definimos el \u00abpadding\u00bb de la manera habitual, sino que agregamos el ap\u00e9ndice \u00abinline-start\u00bb para lograr esta ansiada adaptabilidad. \u00bfLa buena noticia? Ya cuenta con soporte en los principales navegadores.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Top propiedades CSS experimentales en 2025<\/h2>\n\n\n\n<p>Hasta ahora nos hemos centrado en caracter\u00edsticas asimiladas por la gran mayor\u00eda de navegadores, pero hay muchas otras que no tardar\u00e1n en llegar para quedarse. Aqu\u00ed te dejamos nuestra selecci\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">::backdrop<\/h3>\n\n\n\n<p>El pseudo elemento \u00abbackdrop\u00bb viene a sustituir a la cobertura que se crea habitualmente en los modales y ventanas emergentes. En frameworks como Bootstrap, los modales poseen un elemento HTML que se crea con un div que cubre la pantalla para enfocar la atenci\u00f3n en el modal. Esta nueva opci\u00f3n de CSS permite definir y dar estilos al \u00abbackdrop\u00bb sin necesidad de un nuevo elemento en HTML.<\/p>\n\n\n\n<p>He aqu\u00ed un ejemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.modal{\n  translate: 0 100vh;\n   &amp;::backdrop{\n    background-color: rgba(0,0,0,.5);\n  }\n]<\/code><\/pre>\n\n\n\n<p>En s\u00ed, el funcionamiento de esta propiedad cuenta con soporte en los principales navegadores. Sin embargo, lo que a\u00fan no es funcional por completo es la \u00abpropiedad de transici\u00f3n\u00bb ni su comportamiento mediante \u00abtransition-behaviour: allow discrete;\u00bb. Para los m\u00e1s despistados; <strong>esta opci\u00f3n permite la transici\u00f3n suave entre tipos de display<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.modal{\n  transition-behaviour: allow discrete;\n}\n.modal::backdrop{\n  transition-property: display, background-color, translate;\n}<\/code><\/pre>\n\n\n\n<h3 class=\"wp-block-heading\">Container queries por estilos<\/h3>\n\n\n\n<p>Ya hemos hablado de las \u00abqueries\u00bb mediante \u00abcontainers\u00bb, pero una de las variaciones m\u00e1s interesantes es la de aplicar estilos, no solo en funci\u00f3n del tama\u00f1o de la ventana o de un contenedor, sino de las propiedades de este. Veamos el siguiente ejemplo, en el que nuestros estilos se aplicar\u00e1n solo al elemento contendor con la condici\u00f3n que especifiquemos; en este caso, que posea la variable de color rojo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>@container style(--primary-color: red){\n  background-color:blue;\n}<\/code><\/pre>\n\n\n\n<p>Esta funcionalidad cuenta con soporte para la mayor\u00eda de los principales navegadores, pero no en Firefox. No obstante, seguro que no tarda en implementarse dada su gran utilidad.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Interpolate-size: allow-keywords<\/h3>\n\n\n\n<p>Esta propiedad es una de nuestras favoritas y por eso la hemos querido reservar para el final. Se trata nada m\u00e1s y nada menos de la posibilidad de crear transiciones de tama\u00f1o entre \u00abkeywords\u00bb y valores num\u00e9ricos. Esto \u00abcambia por completo las reglas del juego\u00bb, ya que a partir de ahora es posible pasar entre, por ejemplo,<strong> un elemento con una altura ajustada a su contenido a un tama\u00f1o definido num\u00e9ricamente sin tener que establecer un m\u00ednimo o m\u00e1ximo num\u00e9rico<\/strong>. Adem\u00e1s, para hacer uso de esta propiedad, bastar\u00e1 con activarla en nuestro CSS en el body o en la ra\u00edz. Veamos un ejemplo:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>:root{\n  interpolate-size: allow-keywords;\n}\narticle{\n  height: 3rem;\n  overflow:hidden;\n  transition: height ease 1s;\n}article:hover{\n  height:max-content:\n}<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>Hasta aqu\u00ed llegan las principales novedades de CSS en 2025. Como habr\u00e1s podido comprobar, CSS sigue en constante evoluci\u00f3n, y cada d\u00eda que pasa se hace m\u00e1s completo. De esta manera, la comunidad detr\u00e1s del crecimiento de CSS no deja de brindarnos opciones y herramientas que facilitan nuestro d\u00eda a d\u00eda.<\/p>\n\n\n\n<p>Por nuestra parte, esperamos que hayas disfrutado de nuestro art\u00edculo y lo hayas encontrado \u00fatil. Adem\u00e1s, te animamos a que nos cuentes tu experiencia con algunas de estas nuevas herramientas CSS. \u00a1Te esperamos en el pr\u00f3ximo art\u00edculo!<\/p>\n\n\n\n<div class=\"wp-block-columns sabermas is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/novedades-css-2024\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/01\/novedades-css-2025-1024x604.jpg\" alt=\"Novedades CSS 2025\" class=\"wp-image-21673\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/01\/novedades-css-2025-1024x604.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/01\/novedades-css-2025-300x177.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/01\/novedades-css-2025-768x453.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/01\/novedades-css-2025.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/carontestudio.com\/blog\/scss-y-sass-que-son-diferencias\/\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"604\" src=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/12\/portada-css-y-sass-1024x604.jpg\" alt=\"\" class=\"wp-image-21451\" srcset=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/12\/portada-css-y-sass-1024x604.jpg 1024w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/12\/portada-css-y-sass-300x177.jpg 300w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/12\/portada-css-y-sass-768x453.jpg 768w, https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2024\/12\/portada-css-y-sass.jpg 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Una vez cruzado el meridiano de este 2025, es momento de retomar las novedades CSS m\u00e1s sonadas del presente a\u00f1o. Te damos la bienvenida a la segunda parte de nuestra revisi\u00f3n de las m\u00e1s \u00fatiles e impresionantes caracter\u00edsticas de CSS. <\/p>\n","protected":false},"author":3,"featured_media":24123,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[94,50],"tags":[],"class_list":["post-23799","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web","category-programacion-web"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Novedades CSS 2025 - Parte 2 - Blog de maketing | Caronte<\/title>\n<meta name=\"description\" content=\"Continuamos con las novedades en CSS de 2025. Una selecci\u00f3n de las mejores y m\u00e1s innovadoras caracter\u00edsticas de CSS. \u00a1Acomp\u00e1\u00f1anos!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Novedades CSS 2025 - Parte 2 - Blog de maketing | Caronte\" \/>\n<meta property=\"og:description\" content=\"Continuamos con las novedades en CSS de 2025. Una selecci\u00f3n de las mejores y m\u00e1s innovadoras caracter\u00edsticas de CSS. \u00a1Acomp\u00e1\u00f1anos!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog de maketing | Caronte\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/carontewebstudio\/\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-18T11:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-29T11:15:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/novedades-css-2025-parte-2.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1250\" \/>\n\t<meta property=\"og:image:height\" content=\"737\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"David de Lamo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"David de Lamo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-css-2025-parte-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-css-2025-parte-2\\\/\"},\"author\":{\"name\":\"David de Lamo\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/2104191b75663e9e9ca47f821c5f92cf\"},\"headline\":\"Novedades CSS 2025 &#8211; Parte 2\",\"datePublished\":\"2025-07-18T11:00:00+00:00\",\"dateModified\":\"2025-08-29T11:15:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-css-2025-parte-2\\\/\"},\"wordCount\":1311,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-css-2025-parte-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/novedades-css-2025-parte-2.jpg\",\"articleSection\":[\"Dise\u00f1o web\",\"Programaci\u00f3n\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-css-2025-parte-2\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-css-2025-parte-2\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-css-2025-parte-2\\\/\",\"name\":\"Novedades CSS 2025 - Parte 2 - Blog de maketing | Caronte\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-css-2025-parte-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-css-2025-parte-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/novedades-css-2025-parte-2.jpg\",\"datePublished\":\"2025-07-18T11:00:00+00:00\",\"dateModified\":\"2025-08-29T11:15:34+00:00\",\"description\":\"Continuamos con las novedades en CSS de 2025. Una selecci\u00f3n de las mejores y m\u00e1s innovadoras caracter\u00edsticas de CSS. \u00a1Acomp\u00e1\u00f1anos!\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-css-2025-parte-2\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-css-2025-parte-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-css-2025-parte-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/novedades-css-2025-parte-2.jpg\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/novedades-css-2025-parte-2.jpg\",\"width\":1250,\"height\":737,\"caption\":\"Novedades CSS 2025 parte 2\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/novedades-css-2025-parte-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Novedades CSS 2025 &#8211; Parte 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"name\":\"Blog de marketing | Caronte\",\"description\":\"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.\",\"publisher\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#organization\",\"name\":\"Caronte - Agencia de marketing\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"contentUrl\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/caronte-agencia-de-marketing-logo.png\",\"width\":1090,\"height\":155,\"caption\":\"Caronte - Agencia de marketing\"},\"image\":{\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/carontewebstudio\\\/\",\"https:\\\/\\\/www.instagram.com\\\/caronte_studio\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@carontewebstudio\",\"https:\\\/\\\/www.youtube.com\\\/@carontewebstudio\",\"https:\\\/\\\/es.linkedin.com\\\/company\\\/carontewebstudio\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/#\\\/schema\\\/person\\\/2104191b75663e9e9ca47f821c5f92cf\",\"name\":\"David de Lamo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g\",\"caption\":\"David de Lamo\"},\"description\":\"David de Lamo te descubre, en el blog de Caronte Web Studio, las tendencias de dise\u00f1o, tanto gr\u00e1fico como web. Nuestro responsable del \u00e1rea de dise\u00f1o en Caronte Web Studio te cuenta todo lo que debes saber sobre imagen de empresa, carteler\u00eda, dise\u00f1o gr\u00e1fico, dise\u00f1o web, papeler\u00eda, rotulaciones... Aprende con \u00e9l y sum\u00e9rgete en el apasionante mundo del dise\u00f1o.\",\"sameAs\":[\"http:\\\/\\\/www.carontestudio.com\"],\"url\":\"https:\\\/\\\/carontestudio.com\\\/blog\\\/author\\\/david\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Novedades CSS 2025 - Parte 2 - Blog de maketing | Caronte","description":"Continuamos con las novedades en CSS de 2025. Una selecci\u00f3n de las mejores y m\u00e1s innovadoras caracter\u00edsticas de CSS. \u00a1Acomp\u00e1\u00f1anos!","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:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/","og_locale":"es_ES","og_type":"article","og_title":"Novedades CSS 2025 - Parte 2 - Blog de maketing | Caronte","og_description":"Continuamos con las novedades en CSS de 2025. Una selecci\u00f3n de las mejores y m\u00e1s innovadoras caracter\u00edsticas de CSS. \u00a1Acomp\u00e1\u00f1anos!","og_url":"https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/","og_site_name":"Blog de maketing | Caronte","article_publisher":"https:\/\/www.facebook.com\/carontewebstudio\/","article_published_time":"2025-07-18T11:00:00+00:00","article_modified_time":"2025-08-29T11:15:34+00:00","og_image":[{"width":1250,"height":737,"url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/novedades-css-2025-parte-2.jpg","type":"image\/jpeg"}],"author":"David de Lamo","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"David de Lamo","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/#article","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/"},"author":{"name":"David de Lamo","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/2104191b75663e9e9ca47f821c5f92cf"},"headline":"Novedades CSS 2025 &#8211; Parte 2","datePublished":"2025-07-18T11:00:00+00:00","dateModified":"2025-08-29T11:15:34+00:00","mainEntityOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/"},"wordCount":1311,"commentCount":0,"publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/novedades-css-2025-parte-2.jpg","articleSection":["Dise\u00f1o web","Programaci\u00f3n"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/","url":"https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/","name":"Novedades CSS 2025 - Parte 2 - Blog de maketing | Caronte","isPartOf":{"@id":"https:\/\/carontestudio.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/#primaryimage"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/#primaryimage"},"thumbnailUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/novedades-css-2025-parte-2.jpg","datePublished":"2025-07-18T11:00:00+00:00","dateModified":"2025-08-29T11:15:34+00:00","description":"Continuamos con las novedades en CSS de 2025. Una selecci\u00f3n de las mejores y m\u00e1s innovadoras caracter\u00edsticas de CSS. \u00a1Acomp\u00e1\u00f1anos!","breadcrumb":{"@id":"https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/#primaryimage","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/novedades-css-2025-parte-2.jpg","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/07\/novedades-css-2025-parte-2.jpg","width":1250,"height":737,"caption":"Novedades CSS 2025 parte 2"},{"@type":"BreadcrumbList","@id":"https:\/\/carontestudio.com\/blog\/novedades-css-2025-parte-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/carontestudio.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Novedades CSS 2025 &#8211; Parte 2"}]},{"@type":"WebSite","@id":"https:\/\/carontestudio.com\/blog\/#website","url":"https:\/\/carontestudio.com\/blog\/","name":"Blog de marketing | Caronte","description":"En nuestro blog encontrar\u00e1s art\u00edculos semanales sobre SEO, marketing online, programaci\u00f3n web y mucho m\u00e1s.","publisher":{"@id":"https:\/\/carontestudio.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/carontestudio.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/carontestudio.com\/blog\/#organization","name":"Caronte - Agencia de marketing","url":"https:\/\/carontestudio.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","contentUrl":"https:\/\/carontestudio.com\/blog\/wp-content\/uploads\/2025\/06\/caronte-agencia-de-marketing-logo.png","width":1090,"height":155,"caption":"Caronte - Agencia de marketing"},"image":{"@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/carontewebstudio\/","https:\/\/www.instagram.com\/caronte_studio\/","https:\/\/www.tiktok.com\/@carontewebstudio","https:\/\/www.youtube.com\/@carontewebstudio","https:\/\/es.linkedin.com\/company\/carontewebstudio"]},{"@type":"Person","@id":"https:\/\/carontestudio.com\/blog\/#\/schema\/person\/2104191b75663e9e9ca47f821c5f92cf","name":"David de Lamo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/110df00c652880b6b00cc45fe489d819ac3f1e805e379a5adefc8fce4d1f548c?s=96&d=mm&r=g","caption":"David de Lamo"},"description":"David de Lamo te descubre, en el blog de Caronte Web Studio, las tendencias de dise\u00f1o, tanto gr\u00e1fico como web. Nuestro responsable del \u00e1rea de dise\u00f1o en Caronte Web Studio te cuenta todo lo que debes saber sobre imagen de empresa, carteler\u00eda, dise\u00f1o gr\u00e1fico, dise\u00f1o web, papeler\u00eda, rotulaciones... Aprende con \u00e9l y sum\u00e9rgete en el apasionante mundo del dise\u00f1o.","sameAs":["http:\/\/www.carontestudio.com"],"url":"https:\/\/carontestudio.com\/blog\/author\/david\/"}]}},"_links":{"self":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/23799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/comments?post=23799"}],"version-history":[{"count":35,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/23799\/revisions"}],"predecessor-version":[{"id":24345,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/posts\/23799\/revisions\/24345"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media\/24123"}],"wp:attachment":[{"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/media?parent=23799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/categories?post=23799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carontestudio.com\/blog\/wp-json\/wp\/v2\/tags?post=23799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}