Localização：Homepage > css
Navegação com menu suspenso puro CSS3
A navegação implementada pelo CSS3 puro tem um menu suspenso e dois recursos de subcategoria são criados. O cursor do menu pai ativa o link. Os sublinks de primeiro nível aparecem principalmente na barra de navegação e, em seguida, os links de segundo nível saem do primeiro nível suspenso.
Crie uma animação CSS3 pura do plugin da barra de progresso de carregamento com base no Bootstrap
Plug-in de animação da barra de progresso Cool Bootstrap, com base na barra de progresso nativa de bootstrap, a barra de progresso é embelezada por código CSS simples para criar um efeito de estilo de animação de barra de progresso legal.
Plugin responsivo do eixo de tempo esquerdo e direito do bootstrap implementação pura do Css3
A folha de estilo usa os fragmentos de código da estrutura padrão do Bootstrap, mas o layout foi reprojetado para lidar com uma tecnologia responsiva melhor, e o esquema de cores da interface do usuário mais profunda foi atualizado. Você pode ver como cada seta é criada no painel da linha do tempo, usando CSS: propriedades antes e depois sem quaisquer setas geradas por imagens.
Responda ao grande menu suspenso de navegação CSS3 do shopping Bootstrap
Menu de shopping de e-commerce Menu grande de bootstrap, este menu super HTML pode ser usado em sites de e-commerce e compras. Existem dois menus / barras de navegação incluídos, um é o menu superior incluindo marca, link e contato. O segundo menu inclui categorias, exibindo um grande menu suspenso e banners de promoção de produtos. Ele também inclui uma barra de pesquisa e um design suspenso de carrinho de compras.
Visualização da lua do código css3 puro
Visualização da lua do código css3 puro
Cabeça do personagem de desenho animado jQuery + CSS3 gira com o mouse
A cabeça do personagem de desenho animado implementada pelo CSS3, o jQuery implementa a cabeça para seguir a direção do mouse e embelezar o cursor.
css3 + js muda o efeito especial de queima do cursor
Efeitos de embelezamento do cursor implementados pelo código css3 + js, js muda os efeitos de gravação do estilo do cursor
css3 altera o estilo do cursor
css3 muda o estilo do cursor do cursor, grande efeito do cursor.
código do relógio css3 js laranja
Use o estilo de relógio laranja desenhado por css3, combinado com o código JavaScript para simular o movimento real do relógio.
Menu de navegação plana CSS3 suspenso de vários níveis
O estilo de navegação deste site usa um design plano, com ícones de fonte FontAwesome e um menu suspenso de vários níveis implementado usando código css3 puro.
CSS3 e Bootstrap realizam plugin de botão de embelezamento de gradiente de cristal
CSS3 e Bootstrap para alcançar o embelezamento de gradiente de cristal O plugin do botão é um botão baseado no Bootstrap, adicionando imagens de fundo e efeitos de gradiente aos pseudo-elementos do botão, para criar um botão de textura de vidro de cristal muito bonito.
Tabela de tabela de cruzamento de zebra entrelaçada de mudança de código CSS
Este formulário de tabela é o código de embelezamento do formulário de cruzamento de zebra css3 responsivo. A tabela é feita com base em uma lista não ordenada e possui recursos específicos, como passadeira zebra entrelaçada e responsiva, e adequada para dispositivos móveis. Um elemento importante no web design tabular, eles podem permitir que os usuários entendam intuitivamente certos dados. A tabela usada nesta demonstração não é uma estrutura html de tabela padrão, mas uma tabela não ordenada é usada para fazer a tabela. O objetivo é fazer com que o formulário tenha um bom correspondente.
Pure CSS3 implementa plugin de lista de preços legal Bootstrap
Esta lista de preços CSS3 usa a grade Bootstrap para layout e completa os efeitos de embelezamento e animação da lista de preços por meio de um código CSS3 simples.
Plugin da barra de progresso da seta do bootstrap animação pura CSS3
Pura animação CSS3 Plugin de barra de progresso de seta de bootstrap, animação CSS3 legal de barra de progresso é baseada na barra de progresso de bootstrap nativa, por meio de uma pequena quantidade de código CSS3, a barra de progresso é embelezada como um estilo de seta e um efeito de animação é feito.
Plugin de porcentagem de carregamento da barra de progresso do Bootstrap de animação pura css3
Use o sistema de grade do Bootstrap e os componentes da barra de progresso para criar efeitos de animação CSS3 da barra de progresso do estilo da pista e aeronaves. A barra de progresso usa a decolagem do avião como a animação da escala da barra de progresso, com exibição numérica do progresso, o efeito é muito legal.
Efeito de fade in e fade out do menu suspenso Pure CSS3
Se usarmos jQuery para atingir o efeito fade-in e fade-out, podemos usar o fade para obter esse efeito de fade-in e fade-out do menu suspenso, só usamos o código css3 para completar, sem usar nenhum código js.
Olhos CSS3 puros seguem o código do mouse
Use o código css3 para perceber o efeito de animação especial dos olhos após a rotação do mouse.
Estilo de lápis puro css3 com borracha
Código puro estilo lápis css3 com borracha.
mouse personalizado js + CSS3 segue efeitos especiais
Um mouse personalizado js e CSS3 seguindo efeitos especiais. Nesse efeito especial, um elemento DIV é usado para personalizar o mouse, a forma do mouse é construída por meio de código CSS e a animação do mouse é conduzida por código js.
Imagem jQuery caindo animação CSS3
TML5 + CSS3 realiza o código de efeito especial de detecção de colisão e arrastar e soltar da imagem. Clique no botão Iniciar e a imagem pode ser arrastada após a queda livre. Quando a imagem é arrastada, ela pode acumular e colidir com outras imagens.
