tutoriais mais recente desenvolvimento web
 

W3.CSS Efeitos de texto


texto da sombra

A classe w3-text-shadow é projetado para trabalhar com todas as cores:

texto da sombra


texto da sombra


texto da sombra


texto da sombra

Exemplo

<div class="w3-container w3-light-grey">
  <h2 class="w3-text-shadow">Text Shadow</h2>
</div>
Tente você mesmo "

Opacidade do texto

A classe w3-opacidade é projetado para trabalhar com todas as cores:

Opacidade do texto


Opacidade do texto


Opacidade do texto


Opacidade do texto


Opacidade do texto


Opacidade do texto

Exemplo

<div class="w3-container w3-deep-purple">
  <h2 class="w3-opacity">Text Opacity</h2>
</div>
Tente você mesmo "

Efeitos especiais

Combinando opacidade e negrito:

Opacidade do texto

Misturando Colors:

Amarelo + sombra + Negrito

Combinando sombra, negrito e opacidade:

Sombra + Opacidade + Negrito

Misturando Colors:

Amarelo + sombra + Negrito