flex-direction – Flexbox CSS

¿Qué es flexbox? Es un método o procedimiento de diseño de páginas webs unidimensional osea que solo tiene una dimensión. En otras palabras al ser flexbox unidimensional estamos indicando que: flexbox solo maneja una dimensión a la vez, esta puede ser fila o columna pero no ambas al mismo tiempo. Leer más…

align-self propiedad de css grid

  align-self align-self es una propiedad de css que aliena (o reposiciona) el elemento respecto al eje Y de una cuadrícula o grilla. Nota: align-self solo se aplica a un único elemento o casilla de la cuadrícula. Entre los valores de align-self se encuentran los siguientes: – start – end Leer más…

Centrar elementos en CSS con grid

Con frecuencia olvido como centrar un elemento, div, imagen, botón o cualquier cosa en CSS, por eso en este post voy a ver como centrar un elemento en vertical y horizontal. Para ello voy a ir desde el principio creando un contenedor y dentro del contenedor estará el elemento. 1. Leer más…

Roulette o ruleta – Animación CSS

  Introducción: Un día escuchando una platica de @kj con @Crayder sobre programación vino a mi la idea de hacer una Ruleta en css como reto. 🤯🤓🤔 Más adelante a medida que terminaba la ruleta pesé que seria buena idea darle una animación.🤔 Cabe destacar la ayuda y el seguimiento Leer más…

Por Ney, hace

1000 Followers en tiktok – Animación CSS

 Introducción: En testa animación encontraremos 3 pequeñas animaciones, las cuales son: Movimiento infinito de una imagen svg en vertical. Imagen svg de globos que se vuelven invisibles y visibles de forma infinita. Parpadeo infinito de unos puntos (círculos), que cambian de color. Nota: Para el alineamiento de los elementos Leer más…

Por Ney, hace