Rutina de gimnasio para definir

Rutina de gimnasio para definir

Rutina de gimnasio para definir en línea

css efecto máquina de escribir varias líneas

Quería añadir algo a la respuesta de JOPLOmacedo. Su solución es mi favorita, pero siempre tuve problemas con la sangría cuando el li tenía más de una línea. Era complicado encontrar la sangría correcta con los márgenes, etc. Pero puede que esto me afecte sólo a mí.
Para mí el posicionamiento absoluto del pseudo-elemento :before funciona mejor. Pongo padding-left en ul, posición negativa a la izquierda en el elemento :before, igual que el padding-left de ul. Para conseguir la distancia del contenido desde el elemento :before correcto simplemente establezco el padding-left en el li. Por supuesto el li tiene que tener posición relativa. Por ejemplo
Ahora que el elemento ::marker está disponible en los navegadores evergreen, así es como podrías utilizarlo, incluso usando :hover para cambiar el marcador. Como puedes ver, ahora puedes utilizar cualquier carácter Unicode que quieras como marcador de elementos de la lista e incluso utilizar contadores personalizados.

el primer tipo no funciona

Estoy haciendo una tabla de tarifas de llamadas para expandir/contraer para la empresa en la que trabajo. Actualmente tengo una tabla con un botón debajo para expandirla, el botón dice «Expandir». Es funcional excepto que necesito que el botón cambie a «Contraer» cuando se hace clic y luego, por supuesto, volver a «Expandir» cuando se hace clic de nuevo. La escritura en el botón es una imagen de fondo.
Haga que el CSS esboce todo lo que necesita en su div MENOS la regla de fondo, entonces añada dos clases (por ejemplo: expandido y colapsado) como reglas cada una con la imagen de fondo correcta (o posición de fondo si se usa un sprite).
Si utilizas un sprite CSS para las imágenes de fondo, podrías desplazar el fondo +/- n píxeles dependiendo de si estás expandiendo o colapsando. No es un cambio, pero está más cerca de serlo que tener que cambiar la URL de la imagen de fondo.
Una forma de hacer esto es poner ambas imágenes en el HTML, dentro de un SPAN o DIV, puedes ocultar la predeterminada ya sea con CSS, o con JS en la carga de la página. Entonces usted puede cambiar al hacer clic. Aquí hay un ejemplo similar que estoy usando para poner iconos de izquierda/abajo en una lista:

clase css first-of-type

Quería añadir algo a la respuesta de JOPLOmacedo. Su solución es mi favorita, pero siempre tuve problemas con la sangría cuando el li tenía más de una línea. Era complicado encontrar la sangría correcta con los márgenes, etc. Pero puede que esto me afecte sólo a mí.
Para mí el posicionamiento absoluto del pseudo-elemento :before funciona mejor. Pongo padding-left en ul, posición negativa a la izquierda en el elemento :before, igual que el padding-left de ul. Para conseguir la distancia del contenido desde el elemento :before correcto simplemente establezco el padding-left en el li. Por supuesto el li tiene que tener posición relativa. Por ejemplo
Ahora que el elemento ::marker está disponible en los navegadores evergreen, así es como podrías utilizarlo, incluso usando :hover para cambiar el marcador. Como puedes ver, ahora puedes utilizar cualquier carácter Unicode que quieras como marcador de elementos de la lista e incluso utilizar contadores personalizados.

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad