Estilos de Seleção no css

Estilos de Seleção no css

Neste artigo passo a passo veja como fazer um Estilos de Seleção no CSS, mesmo com pouco conhecimento na área do desenvolvimento.

vamos deixar o site mais personalizado com (::selection).

O CSS nos permite controlar como a seleção de texto se comporta e aparece em suas páginas. 

É possível definir a cor de fundo e de texto que o usuário seleciona.

O pseudo-elemento CSS ::selection aplica estilos para partes do documento que foram selecionadas pelo usuário (tal como clicar e arrastar o ponteiro do mouse através de um texto.

Propriedades permitidas

Apenas certas propriedades podem ser usadas com o ::selection:

• color
• background-color
• cursor
• caret-color (en-US)
• outline 
• text-decoration 
• text-emphasis-color (en-US)
• text-shadow

você poderá fazer uma combinação de cores do seu site.

ou da forma que desejar.

Funcionará nos seguintes navegadores:

• Firefox;
• Opera;
• Chrome;
• Safari;

Segui o Código Abaixo.

 ::selection { background:#00bec5; color:#fff; }
 ::-webkit-selection { background:#00bec5; color:#fff; }
 ::-moz-selection { background:#00bec5; color:#fff; }

Conclusão – Estilos de Seleção no css

Neste artigo, você aprendeu o passo a passo sobre Seleção de texto no css.

Fica o desafio para você tentar criar um novo design do zero a criatividade é sua.

faça um exemplo e comente aqui em baixo e deixe um link do seu desafio.