El equipo de Chrome responde las inquietudes de la comunidad.

Chrome para Android pasará a tener un diseño de pantalla completa a partir de Chrome 135.

Crea experiencias web de borde a borde

Descubre cómo las animaciones activadas y guiadas por el desplazamiento mejoran los artículos de narración

Ahora puedes usar attr() con cualquier propiedad CSS, incluidas las propiedades personalizadas, y puede analizar valores en tipos de datos distintos de cadenas.

Únete al equipo de DevRel de Chrome y a un Chrome Dino en monopatín en un viaje por los CSS más recientes lanzados para Chrome y la plataforma web en 2024.

Ya se está lanzando Chrome 131. Más estilos CSS para el elemento de detalles, un diseño de impresión más fácil con cuadros de margen de página y mucho más.

Ahora puedes establecer el tipo de visualización y también aplicar diseño al contenedor de la parte que se expande y se contrae con el nuevo pseudoelemento ::details-content.

Ya se está lanzando Chrome 130. La opción de pantalla en pantalla en documentos te brinda más control sobre la función de pantalla en las ventanas, las declaraciones anidadas de CSS corrigen algunos casos extremos complejos, y puedes especificar cómo se comportan las decoraciones en elementos divididos en varias líneas. Pete LePage tiene todos los detalles sobre las novedades para desarrolladores en Chrome 130.

Comienza a usar transiciones de vista al mismo documento en tu aplicación de una sola página.

Cómo animar hacia y desde palabras clave de tamaño intrínseco con "interpolate-size" y "calc-size()`

Presentamos dos nuevos eventos de JavaScript: scrollSnapChange yscrollSnapChanged.

Debido a que cada vez más personas comienzan a analizar la API de View Transition, es hora de desmentir algunos conceptos erróneos.

Lee todos los anuncios sobre CSS y la IU web de Google I/O 2024.

Anuncio de transiciones de vistas entre documentos para la MPA, las transiciones de vistas selectivas con tipos activos y el uso compartido de estilos de animación con la clase de transición de vista

Descubre los beneficios de las animaciones basadas en desplazamientos con Policybazaar, redBus y Tokopedia.

Descubre cómo los sitios de comercio electrónico se benefician con la implementación de las funciones más recientes de IU y CSS: Ver transiciones, animaciones basadas en desplazamientos, la API de Popover y mucho más.

Un curso en video de 10 partes para aprender todo sobre las animaciones basadas en desplazamientos

Una propuesta para definir mampostería y cuadrícula en diferentes especificaciones.

Comienza a usar transiciones de vistas entre documentos para usarlas en tu aplicación de varias páginas (MPA).

La API de transición de vistas te permite agregar transiciones entre las vistas de un sitio web.

A partir de Chrome 122, el elemento `::backdrop` hereda las propiedades del elemento de origen.

Usa las propiedades `scrollbar-width` y `scrollbar-color` para diseñar barras de desplazamiento.

Crea un acordeón exclusivo con varios elementos `` que tengan el mismo `nombre`.

2023 fue un gran año para los CSS. Obtén más información sobre las novedades de Chrome y de la plataforma web este año.

Aprende a usar @scope para seleccionar elementos solo dentro de un subárbol limitado de tu DOM.

Presentamos linear(), una función de aceleración en CSS que interpola de forma lineal entre sus puntos, lo que te permite recrear los efectos de rebote y resorte.

Las 20 funciones principales de CSS y de IU destacadas en Google I/O 2023 que no querrás perderte.

Aprende a trabajar con los cronogramas de desplazamiento y los cronogramas de vista para crear animaciones basadas en desplazamientos de forma declarativa.

Una de nuestras funciones favoritas del preprocesador de CSS ahora está integrada en el lenguaje: las reglas de estilo de anidación.

El grupo de trabajo de CSS continúa con un debate sobre la mejor manera de definir la anidación en CSS. Si eres la persona que escribe CSS, nos gustaría contar con tu ayuda.

Cuáles son los cambios en el comportamiento de cambio de tamaño del viewport en Chrome 108, por qué Chrome está realizando este cambio y qué puedes hacer para prepararte.

Ahora se está lanzando Chrome 106. Hay nuevas APIs internacionales para darte más control cuando les das formato a los números. Hay una prueba de origen para la nueva API de Pop Up, que facilita la presentación de contenido crítico al usuario. Hay varias mejoras de CSS. Y hay mucho más.

Con Angular como piloto de prueba, los equipos de las Herramientas para desarrolladores de Chrome y Angular colaboraron para ofrecerte una mejor experiencia de depuración. Otros frameworks pueden enviar cambios similares.

Observa algunos de los cambios recientes en las Herramientas para desarrolladores de Chrome, que mejoran tu experiencia de depuración y generación de perfiles cuando trabajas con agrupadores, frameworks y código de terceros.

"Las capas de cascada son una nueva API de CSS que te ayudará a administrar la precedencia en cascada de tu código, que llegará pronto a todos los navegadores modernos."

Ya se está lanzando Chrome 89. WebHID, WebNFC y Web Serial han finalizado sus pruebas de origen y ahora están disponibles en versión estable. Estamos cerrando una brecha que algunos desarrolladores usan para evitar las verificaciones de instalación de las AWP. Web Share y Web Share Target llegan al escritorio. Y hay mucho más.

When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?

Pre-filter a set of child elements before applying An+B logic on it.