Ubicación：Página principal > css
Navegación con menú desplegable CSS3 puro
La navegación implementada por CSS3 puro tiene un menú desplegable y se crean dos subcategorías. El menú principal al pasar el mouse activa el enlace. Los subvínculos del primer nivel aparecen principalmente en la barra de navegación, y luego los vínculos del segundo nivel vuelan desde el primer nivel desplegable.
Cree una animación CSS3 pura del complemento de la barra de progreso de carga basada en Bootstrap
Genial complemento de animación de barra de progreso Bootstrap, basado en la barra de progreso nativa de bootstrap, la barra de progreso se embellece con un código CSS simple para crear un efecto de estilo de animación de barra de progreso genial.
Implementación pura de CSS3 del complemento de eje de tiempo izquierdo y derecho con capacidad de respuesta de Bootstrap
La hoja de estilo utiliza los fragmentos de código del marco de Bootstrap predeterminado, pero el diseño se rediseña para manejar una mejor tecnología de respuesta y se actualiza el esquema de color de la interfaz de usuario más profunda. Puede ver cómo se crea cada flecha en el panel de la línea de tiempo, usando CSS: propiedades de antes y después sin flechas generadas por imágenes.
Responda al gran menú desplegable de navegación CSS3 del centro comercial Bootstrap
Menú de centro comercial de comercio electrónico Menú grande de Bootstrap, este súper menú HTML se puede utilizar en sitios web de comercio electrónico y compras. Hay dos menús / barras de navegación incluidos, uno es el menú superior que incluye marca, enlace y contacto. El segundo menú incluye categorías, mostrando un gran menú desplegable y banners de promoción de productos. También incluye una barra de búsqueda y un diseño desplegable de carrito de compras.
Vista de luna de código css3 puro
Vista de luna de código css3 puro
La cabeza del personaje de dibujos animados jQuery + CSS3 gira con el mouse
La cabeza del personaje de dibujos animados implementada por CSS3, jQuery implementa la cabeza para seguir la dirección del mouse y embellecer el cursor.
css3 + js cambia el cursor quemando efecto especial
Efectos de embellecimiento del cursor implementados por el código css3 + js, js cambia los efectos de grabación del estilo del cursor
css3 cambiar el estilo del cursor del cursor
css3 cambia el estilo del cursor del cursor, gran efecto de cursor.
css3 js código de reloj naranja
Utilice el estilo de reloj naranja dibujado por css3, combinado con código JavaScript para simular el movimiento real del reloj.
Menú de navegación plano CSS3 desplegable de varios niveles
El estilo de navegación de este sitio web utiliza un diseño plano, con iconos de fuentes FontAwesome y un menú desplegable de varios niveles implementado utilizando código css3 puro.
CSS3 y Bootstrap realizan el complemento de botón de embellecimiento de degradado de cristal
CSS3 y Bootstrap para lograr el complemento de botón de embellecimiento de degradado de cristal es un botón basado en Bootstrap, al agregar imágenes de fondo y efectos de degradado a los pseudo-elementos del botón, para crear un botón de textura de cristal muy hermoso.
Tabla tabla paso de cebra código CSS que cambia de color entrelazado
Este formulario de tabla es el código de embellecimiento del formulario de paso de cebra css3 sensible. La tabla está hecha con una lista desordenada y tiene características específicas como un paso de cebra entrelazado y receptivo, y es adecuada para dispositivos móviles. Un elemento importante en el diseño web tabular, pueden permitir a los usuarios comprender intuitivamente ciertos datos. La tabla utilizada en esta demostración no es una estructura HTML de tabla estándar, pero se utiliza una tabla desordenada para hacer la tabla. El propósito de esto es hacer que el formulario tenga una buena correspondencia.
Pure CSS3 implementa el complemento de lista de precios Cool Bootstrap
Esta lista de precios CSS3 utiliza la cuadrícula Bootstrap para el diseño y completa los efectos de embellecimiento y animación de la lista de precios a través del código CSS3 simple.
Bootstrap flecha barra de progreso plugin pura animación CSS3
Animación CSS3 pura Complemento de barra de progreso de flecha de Bootstrap, la animación de barra de progreso de CSS3 se basa en la barra de progreso de bootstrap nativa, a través de una pequeña cantidad de código CSS3, la barra de progreso se embellece como un estilo de flecha y se crea un efecto de animación.
Complemento de porcentaje de carga de barra de progreso de Bootstrap de animación pura css3
Utilice el sistema de cuadrícula de Bootstrap y los componentes de la barra de progreso para crear efectos de animación CSS3 de la barra de progreso de estilo de pista y aviones. La barra de progreso utiliza el despegue del avión como animación de escala de la barra de progreso, con una pantalla numérica de progreso, el efecto es muy bueno.
Menú desplegable de CSS3 puro efecto de aparición y desaparición gradual
Si usamos jQuery para lograr el efecto fade-in y fade-out, podemos usar fade para lograr este efecto de fade-in y fade-out del menú desplegable, solo usamos código css3 para completar, sin usar ningún código js.
Los ojos de CSS3 puro siguen el código del mouse
Utilice el código css3 para realizar el efecto de animación especial de los ojos siguiendo la rotación del mouse.
Estilo de lápiz puro css3 con borrador
Código puro estilo lápiz CSS3 con borrador.
js + CSS3 mouse personalizado sigue efectos especiales
Un mouse personalizado js y CSS3 siguiendo efectos especiales. En este efecto especial, se usa un elemento DIV para personalizar el mouse, la forma del mouse se construye a través del código CSS y la animación del mouse se maneja a través del código js.
Imagen de jQuery cayendo y animación CSS3
TML5 + CSS3 se da cuenta de que la imagen arrastra y suelta el código de efectos especiales de detección de colisiones. Haga clic en el botón de inicio y la imagen se puede arrastrar después de la caída libre. Cuando se arrastra la imagen, puede acumularse y colisionar con otras imágenes.
