CSS filters & blend modes: diferencias, semejanzas y uso conjunto
(17.5.18) Filtros y modos de fusión CSS: las propiedades filter, backdrop-filter, background-blend-mode y mix-blend-mode La llegada de los filtros y...
Mostrando entradas con la etiqueta demo. Mostrar todas las entradas
Margin Collapsed revisado: Márgenes desaparecidos o que empujan ancestros
(25.2.18) Artículo publicado originalmente el 24/02/1013. Actualizado en Febrero de 2015, Febrero de 2017 y Febrero de 2018 Collapsed margins...
Elementos Details y Summary: toggle nativo de Html5 y CSS para su control
(16.2.18) Artículo publicado originalmente en Enero de 2016. Actualizado en Febrero de 2018 con información actual y demos. ÍNDICE DE CONTENID...
Auto hexagonal CSS Grid Layout V3 en panal
(25.9.17) Una vuelta de tuerca a las dos demos anteriores de construcción y colocación de hexágonos con el uso de CSS Grid Layout. Las dos version...
Auto Hexagonal CSS Grid Layout & CSS custom properties
(24.9.17) Todo lo que sigue, demo incluida, es sólo un mero divertimento. Un juego para ver la potencia de CSS sin necesidad de recurrir a otros ...
Imágenes duotono o monocromáticas puro CSS: el filtro SVG feColorMatrix y su matriz a fondo
(17.9.17) Si has seguido los artículos que he dedicado a los filtros, especialmente el dedicado a los filtros equivalentes de SVG con los de Css q...
Elementos recortados y sombras: clip-path + box-shadow
(15.9.17) Al declarar la propiedad clip-path [ver recortes CSS ] a un elemento se fuerza a que el sobrante (lo que queda excluido del polígono fo...
Textos truncados con Css: hyphens y reverse ellipsis multilínea
(14.9.17) Para Css todos los elementos del documento al que aplica generan/son una caja que los encierra o contiene y sobre el que actúan los esti...
Nada por aquí, nada por allá... 14 maneras de desaparecer con CSS
(8.9.17) ¿Que tienes un elemento en el html y quieres hacerlo desaparecer cual mago magoso? Nada más sencillo. Te pones la capa de invisibilidad ...
Alternativa pure CSS al hamburger menú
(7.9.17) Los menús de múltiples items de primer nivel siempre han supuesto un pequeño desafío a poco que su número de elementos crezca. Tradici...
CSS filters ¡Hasta el borde y más allá! 🚀
(18.8.17) Un artículo breve sobre dos efectos relacionados con el uso conjunto de propiedades dispares como son outline-offset junto a backdrop-f...
Este título se me atravesó: por levógiro, responsive, single element y pure #CSS
(16.8.17) Tras el cambio de imagen al índex del blog me quedó pendiente hacer lo mismo con los artículos. Mudar la piel. El motivo: no daba con una...
Scroll half by half pure #CSS
(6.8.17) Hace ya un buen tiempo que marqué en Codepen con un 💔 un pen de Eduardo Bouças titulado A split screen gallery por un doble motivo: M...
#maCSSonry layout puro #CSS Grid
(27.7.17) Así, como adelanto, para que disfrutes investigando por tu cuenta y descubriendo algo más de todo el potencial que se esconde en el CSS ...
text-stroke (textos con contorno): 4 vías CSS
(26.6.17) Un efecto clásico con los textos es añadirles un contorno o perfil para resaltarlos del fondo sobre el que se muestra. En entornos gráfi...
Mega menú Css. Guía de creación
(19.6.17) Hace unas fechas y con motivo de la revisión del artículo dedicado a los menús desplegables o drop down menu un usuario del blog, Josue...
Sobreponer elementos sin absolute. Con CSS Grid Layout y el mismo grid-area para todos
(10.6.17) Hay numerosas ocasiones (incluso en producción) en las que es necesario colocar un elemento sobre otro. EL caso típico sería una imagen ...
magiCSSKroll
(5.6.17) Ya son muchas las veces que en el blog he jugado con las transformaciones CSS.Y en otras con el funcionamiento del scroll. Y en alguna o...
Rueda la rueda del ratón ¿hacia dónde va el scroll?
(17.5.17) On mouse wheel down ... scroll right. Pure Css Hace unas fechas y en el artículo Distribución de bloques en 1 sola fila y navegación h...
Viejas demos con CSS Grid Layout inside
(11.4.17) La llegada de una herramienta tan potente y versátil como CSS Grid Layout es una disculpa tan buena como cualquier otra para revisar v...