CSS3 incorporou rregras ibbon

que são normas gráficas coloridas que substituíram a regra HTML padrão em muitos sites. A regra gráfico adiciona um acento para o site e faz com que pareça um pouco mais acabado. Você acessa Regras da fita Generator clicando Regras fita no menu Ferramentas web da página principal.

Como criar a regra de fita em CSS3

Gerando uma fita requer que você especifique a cor e espaçamento de usar para o elemento fita. A escolha de cor é a utilização de uma sequência gerada aleatoriamente com base em uma cor de base, ou para usar escolhas de cores específicas. O espaçamento é ou aleatória dentro da série que você especificar, ou um tamanho específico para cada escolha da cor.

Video: CSS Basics (Video Version)

As cores selecionadas pelo usuário e espaçamento sequência requer um pouco de cuidado extra quando você usá-los. Primeiro, certifique-se de que qualquer hexadecimal valores que você entrada são precedidos pelo sinal de libra (#) ou então a fita irá aparecer preto quando gerá-lo. Em segundo lugar, as opções de cores que você fizer vai aparecer exatamente na seqüência você fazê-los na fita de saída.

Se você planeja usar a fita de uma forma de repetição, criar uma seqüência e espaçamento que trabalha em conjunto. Teste mostra que um espaçamento de 26 funciona muito bem - você acabar com uma sequência, mesmo repetindo que ficará muito bem na página.

Video: CSS Transitions

Depois de fazer suas escolhas, clique em Gerar. Fita Regras Generator criará uma regra de fita para você e apresentá-lo sob a forma. Você pode usar a fita como parece, ou fazer alterações para um olhar diferente. Para salvar a fita que você criou, clique direito a sua entrada na página e escolha Salvar Imagem Como no menu de contexto. Forneça um nome para a imagem e clique em Salvar para concluir a ação.

Como usar a regra de fita em CSS3

Você pode usar a imagem que contém a regra de fita em qualquer lugar você pode usar qualquer outra imagem. No entanto, a maioria das pessoas vai usar a regra de fita como parte de um estilo. O código a seguir mostra um exemplo de como você poderia usar as regras fita criados por este exemplo.

Testar as regras de fita
Esta é a Área 1
Esta área utiliza as configurações selecionadas pelo usuário.
Esta é a área 2
Esta área utiliza as configurações aleatórias.

Você vai usar isso para criar uma regra em uma página. A página contém duas áreas. O primeiro mostra uma regra fita criada com settings- o segundo exibe uma regra fita criado usando configurações aleatórias específicas do usuário. Claro, existem infinitas possibilidades na criação de regras de fita - estes exemplos são simplesmente representativo do que você pode fazer. A saída típico deste exemplo é ilustrado abaixo.