• Publicar

Animación básica CSS keyframes

1177
0
2025-07-12 21:45:09
Prohibida la reproducción sin autorización del autor
44
2
74
3
animación CSS
fotogramas clave
智步DataV Enviar mensaje
Web全栈开发可视化教程【开发、学习、分享】
Explicación animada de los puntos clave de CSS
（75/80）
93,4K reproducciones
Resumen
CSS Box-Sizing controla cómo se calcula el modelo de caja de un elemento.
00:15
La propiedad CSS display establece cómo se presenta un elemento
00:15
Reglas de orden de apilamiento de elementos CSS
00:24
CSS Flex Order: configurar el orden de los elementos del diseño flexible
00:10
CSS Align-Self: configurar la alineación individual de elementos
00:17
CSS Flex flex-shrink proporción de reducción de elementos de diseño flexible
00:34
Alineación de varias columnas de CSS Flex Align-Content en el eje transversal
00:29
CSS Flex Align-Content: Alineación de múltiples líneas en el eje transversal
00:27
CSS Flex Justify Content: Alineación del Eje Vertical
00:21
CSS justify-content define la alineación del eje principal del elemento
00:19
CSS Flex-Direction: dirección de alineación de elementos
00:19
CSS Flex align-items controla la alineación del eje principal de los elementos flexibles
00:19
CSS Flex: align-items configura la alineación de los elementos en el eje transversal
00:21
CSS Flex configura el ajuste de línea en diseños flexibles.
00:14
CSS Flex-Basis: espacio ocupado por el elemento en el eje principal de un diseño flexible
00:12
La propiedad flex-grow del diseño flexible define la relación de escala de los elementos
00:15
Diseño Responsivo CSS Responsive Layout
00:14
Diseño responsivo con CSS Flexbox
00:25
Conceptos básicos del diseño flexible de CSS Flex
00:16
Función de propiedad de cálculo dinámico CSS Calc()
00:20
CSS Position fixed fija un elemento a la ubicación especificada
00:15
Propiedad CSS border-radius para redondear las esquinas de los bordes de los elementos
00:14
Conceptos básicos del modelo de caja CSS
00:17
La propiedad CSS opacity especifica la opacidad de un elemento.
00:09
CSS text-shadow para añadir sombras al texto
00:18
La propiedad box-shadow de CSS se utiliza para agregar efectos de sombra en el marco de un elemento.
00:19
Efecto de rotación de elementos con CSS3 transform-rotate
00:17
Cómo centrar div horizontal y verticalmente rápidamente con CSS flex
00:12
CSS: Cómo usar la propiedad z-index para establecer el orden del eje Z de elementos posicionados y sus descendientes, o elementos flex
00:14
CSS Overflow, el contenido excede el tamaño especificado
00:39
Una vez para que recuerdes qué es el posicionamiento fijo CSS
00:15
Una vez para que entiendas la diferencia entre padding y margin
00:13
Diferencia entre CSS Display y Visibility
00:13
Diferencias entre posicionamiento fijo (fixed) y posicionamiento pegajoso (sticky) en CSS
00:20
CSS Gradient define efectos de degradado de color
00:48
CSS Margin: configuración de propiedades de margen externo del elemento
00:38
Propiedad CSS Float para configurar el efecto de envoltura de texto
00:17
CSS Transition define efectos de transición entre diferentes estados de un elemento
00:16
Propiedad CSS Max-Width: establece el ancho máximo de un elemento
00:10
CSS Flex Gap establece el espacio entre filas y columnas
00:17
Variables CSS: Definición y uso de variables
00:15
CSS line-height: Introducción a los principios básicos
00:13
Configuración de alineación vertical de elementos en línea CSS vertical-align
00:33
La palabra clave inicial de CSS restablece el valor inicial predeterminado del atributo
00:12
La palabra clave CSS Inherit fuerza a las propiedades a heredar los valores del elemento padre.
00:15
CSS: La palabra clave Unset para restablecer los valores de las propiedades
00:22
CSS currentColor representa el valor de la propiedad color del elemento actual
00:16
Colapso de Márgenes de Hermanos CSS (Margin Collapse)
00:14
CSS Plegado de margen de bordes exteriores de elementos padre e hijo (Margin Collapse)
00:19
Colapso de márgenes en elementos de bloque CSS vacíos
00:19
Bloque contenedor de elementos de posicionamiento estático
00:14
Bloque contenedor de CSS de elementos estáticos
00:22
El elemento Absolute contiene el bloque de contención (Containing Block)
00:12
Conceptos básicos del contexto de formato de bloque CSS (BFC)
00:16
CSS utiliza BFC para resolver el colapso de la altura del elemento padre
00:16
Resolver la fusión de márgenes externos entre elementos padre-hijo y hermanos a través de BFC
00:15
Introducción al modelo de color RGB
00:13
Introducción al modelo de color hexadecimal Hex del espacio de color RGB
00:20
Introducción al modelo de color HSL del espacio de color RGB
00:22
Introducción al modelo de color HWB en el espacio de color RGB
00:22
Conceptos básicos del diseño de cuadrícula CSS
00:13
grid-template-columns define el tamaño de las pistas de la cuadrícula
00:17
Diseño de cuadrícula grid-template-rows que define el tamaño de las pistas de fila
00:30
Propiedad grid-auto-flow en diseño de cuadrícula para gestionar la ubicación de elementos
00:41
Descripción general de Flexbox
00:14
8 métodos de centrado en CSS
00:11
8 métodos para centrar verticalmente en CSS
00:10
6 métodos para ocultar elementos en CSS
00:27
Análisis del principio de las unidades CSS
02:11
Conversión de unidades CSS
00:10
Descripción general de la cuadrícula CSS Grid
00:13
6 métodos para limpiar flotadores CSS
00:09
Estilos de texto CSS básicos
00:11
Estilos de decoración de texto CSS
00:08
Animación básica CSS keyframes
00:11
Transición de animación CSS.
00:15
Prioridad del selector CSS
00:09
Algoritmo de prioridad de selectores CSS
00:07
Selectores combinados CSS
00:11
Detalles del selector CSS
02:58

Tutorial de Magia (Animación Brainrot)
胖胖鱼っ
273,6K 3

Tutorial de parpadeo suave am
诺兮_
67K 25

Demostración de la diferencia en los efectos de animación a diferentes velocidades de fotogramas
纳米飞刀n
404K 60

¿Cómo hacer que la animación sea suave?
BUFF人
121,1K 92

Bro descubrió un nuevo software de animación
一只芒果呀-ABX
324,1K 88

Observación correcta del bucle de tres fotogramas
刺花鸟动画
24,2K 3

Esta animación de inicio de sesión es demasiado fluida
月亮说他想学编程
16,7K 0

【Aprendizaje de animación】Descubrí una forma aún mejor de aprender animación
小兔洛洛学动画
145,9K 20

Problemas clásicos de hacer animaciones de mapas
PAN动画演示
93,8K 12

Tutorial de AE | Animación de formas de onda
点点学MG
30,9K 1

¡Tutorial de animación fotograma a fotograma!
鹿青fairydeer
613,9K 164

Círculo 'motion graphics'
水滋瓶子
77,3K 30

Software recomendado para animación esquelética
米饭加肉松
50,6K 5

Implementar una flor que florece infinitamente utilizando la programación
D3adRabbit
79K 8

¡Aquí viene el tutorial de transición giratoria!
WQ_WAQIU
25,8K 0

Recrea un joystick háptico ultra realista con 100 líneas de CSS
原子软糖At
73,4K 5

Selección de tamaño y proporción de monitor
智步DataV
7500 0

¿Por qué los iconos de iOS son agradables a la vista?
daodaoup
244,7K 314

¿Cómo hacer animaciones fluidas fácilmente? Tutorial
Mao_meaow
169,6K 60

【Tutorial AM/Meme】¡¡¡Tutorial de transiciones!!! Suave y listo
桉铭_cat
229,7K 132
Expandir
B站AI创造公开赛S2启动！
Servicio al cliente
Arriba
赛事库 课堂 2021拜年纪