Implementar text-shadow
A. sombra texto
sombra de texto text-shadow
- Parâmetro 1: O primeiro valor é utilizado para definir o comprimento da sombra do objecto deslocamento horizontal valor. Ele pode ser negativo
- Parâmetro 2: O segundo valor é utilizado para definir o comprimento da sombra dos valores de deslocamento de objectos verticais. Ele pode ser negativo
- Parâmetro 3: Se um valor do terceiro comprimento do objecto sombra é usada para diluir valor. Não permita negativo
- Parâmetro 4: Definir a sombra objeto de cor
text-shadow: 10px 10px 50px # 000;
efeito
estrutura HTML
Estilos CSS
estilo da fonte
cor da fonte
sombra de texto, em seguida, olhamos para o código de propriedade específica:
HTML:
<Div class = "texto"> sombra texto <div>
CSS:
.text {
font: 100px Negrito / para 1,5 'Microsoft Yahei';
Cor: DodgerBlue;
/ sombra texto /
text-shadow: 10px 10px 50px # 000;
/ texto -shadow: 10px 10px 50px # 000, # F00 -10px -10px 50px; /
}
Em segundo lugar, caixa de sombra
sombra caixa box-shadow
Propriedades:
X-Shadow-essencial. posição horizontal da sombra. Permitindo negativo
Y-sombra necessário. A posição vertical da sombra. Permitir negativo
opcional borrão. Difusa distância
spread é opcional. O tamanho da sombra. Permitir negativo
opcional cor. Cor da sombra.
inserção opcional. A partir da sombra da camada exterior (no início) para alterar as sombras sombra interna.
Por padrão: sombras de exibição fora (início).