Impossible de convertir l'opacité Photoshop pour CSS3

Question

Mon PSD contient quelque chose comme ceci:

Comme vous pouvez le voir c'est un arrière-plan simple avec un bloc de texte (couleur: #ffffff). J'ai appliqué une opacité de 3% sur la couche de texte comme celui-ci:

Lorsque je tente de reproduire ce en CSS, la couleur du texte est beaucoup plus sombre dans le navigateur et je ne comprends pas pourquoi :

Voici le CSS

.a-text { 
    color:  rgba(255, 255, 255, 0.03); 
    font-size: 200px; 
    font-family: "Lato Black"; 
} 

Ce n'est pas un problème de profil de couleur ou quelque chose. Comme vous pouvez le voir, la couleur de fond est exactement la même. Et ce n'est pas un conflit de règles CSS. Il y a quelque chose qui ne va pas dans la transparence que j'ai peut-être mal comprise.

Merci pour votre aide :)

Answer 1

Votre code semble correct et je ne pense pas que vous avez mal compris quoi que ce soit. Il va être difficile de reproduire les polices et les effets/styles placés sur les polices complètement parfaitement lors du passage d'un outil graphique au code. Ce que vous avez est un peu proche, vous pouvez juste vouloir augmenter l'opacité un peu. Si vous avez besoin que vos graphiques soient parfaits en ce qui concerne les nuances d'opacité, je recommande d'utiliser SVG.

Answer 2

Vous pouvez essayer la fonctionnalité d'opacité CSS, qui en théorie devrait aboutir au même résultat qu'une valeur rgba - mais qui sait. Je pense que les résultats varient d'un navigateur à l'autre. Impossible de tester ici. J'opterais aussi pour le bumping.

.a-text { 
    color:  white; 
    opacity:  .03; 
    font-size: 200px; 
    font-family: "Lato Black"; 
}