Background-position: secretos, curiosidades y un valor complejo recien documentado

Background-position: secretos, curiosidades y un valor complejo recien documentado

Por 0 Comentarios

Entre el amplio grupo de las propiedades relativas a los fondos y englobadas en la forma acortada de background está la que controla el punto del contenedor donde se inserta la imagen declarada mediante background-image. Es la propiedad Background-position.

Propiedad que no por veterana deja de tener sus particularidades y para más de uno, estoy seguro, también sus secretos. Además de existir un valor complejo no documentado en las especificaciones que facilita posicionar la imagen de fondo en lugares que de otra forma sería imposible de lograr.

Particulares y secretos que al conocerlos harán más fácil y divertido utilizarla.

Leer: Background-position: secretos, curiosidades y un valor complejo recien documentado

Letras capitulares en Css: el pseudoelemento ::first-letter y su propiedad "initial-letter"

Por 0 Comentarios

El uso de letras capitulares o drop caps en la web es un préstamo, como otros muchos, de lo que se ha venido haciendo en la impresión gráfica desde siempre. En ambos medios es un recurso que bien utilizado le da un punto extra a los textos.

Para poder acceder a la primera letra de un párrafo, Css desde su versión 2, define el pseudoelemento ::first-letter que debe formar parte obligatoriamente del pseudoelemento ::first-line [ver post]

Sin embargo, la gestión y control de la primera letra o ::first-letter mediante Css no es todo lo completa y sencilla que sería de desear.

Leer: Letras capitulares en Css: el pseudoelemento ::first-letter y su propiedad "initial-letter"

La tienda en puro Css: suma de precios y cuenta de artículos

Por 0 Comentarios

Ya han aparecido en el blog, en repetidas ocasiones, artículos sobre los contadores Css y algunas demos basadas en ellos.

Hoy es el día que los retomo para montar un ejemplo y en base a los contadores Css recrear una tienda he indicar tanto el número de artículos seleccionados como la suma de sus precios.

Para ello uso dos contadores Css distintos pero aplicados a los mismos elementos. De tal manera que uno de los contadores suma los precios y el otro muestra el total de selecciones realizadas.

Leer: La tienda en puro Css: suma de precios y cuenta de artículos

Menú deslizante letra a letra y opción tras opción

Por 5 Comentarios

Tras publicar la demo del artículo Palíndromos y bifrontes autoexplicados con "animation" Css, basada en jugar con la propiedad Css letter-spacing, por ahí surgió la posibilidad de encontrar una aplicación más práctica o realista que el juego presentado en ese artículo.

Así que nada más práctico que los típicos menús de opciones desplegables. Los que suelen llamarse allá en la lengua del imperio algo así como sliding menú o en otras ocasiones también marquesinas (marquee).

Leer: Menú deslizante letra a letra y opción tras opción