css de propriété «transparence» - une façon simple de faire une conception de site Web intéressant

Aujourd'hui, la création de la conception de site web devient un véritable art.Il est non seulement un ensemble de pages d'une certaine couleur et la taille, les polices, les différents styles et thématiques photos.Afin de faire un site différent des autres, pour attirer l'attention des visiteurs et l'envoyer à ceux-ci ou d'autres éléments en utilisant un grand nombre de méthodes et d'outils.Parmi eux, il ya un css immobilier très populaire - la transparence.Cette technique est très à la mode et glamour, et donc est souvent utilisé.Vous pouvez donner la transparence des différents objets pages - texte, image, ou l'ensemble de l'unité, par exemple.Il peut également être réalisé de différentes manières.Examinons-les ci-dessous.Paramètres

pour régler la transparence des éléments paramètres

permettant de régler la transparence d'éléments de plusieurs.Ils sont utilisés en fonction des objectifs spécifiques, et le navigateur, qui est sous la conception «ajusté».Ceux-ci comprennent les propriétés suivantes:

• opacité;Filtre
• ;
• PNG image comme arrière-plan.

valeurs de propriété css "transparence" sont modifiées comme suit: plus le nombre est élevé, plus le niveau de transparence de l'élément.L'opacité, il varie de 0 à 1, dans le filtre - de 10 à 100. Et celui-ci est utilisé pour le navigateur Interet Explorer, et pour tous les autres biens applicable est opacité.L'image

Transparence (changer)

commencer avec les options lorsque la transparence va se manifester lorsque vous déplacez le curseur de la souris sur l'élément.

envisager comment régler la transparence de l'image.CSS propose deux options.Pour ce faire, vous devez vous inscrire dans le code html-document comme suit:

1. Spécifiez le chemin vers l'image.
2. définit les paramètres de transparence lorsque le curseur est pas.Pour cela, nous utilisons les propriétés onmouseover et onmouseout, qui prescrit le filtre de la valeur et de l'opacité.

Ces caractéristiques peuvent être prescrits en css-document et le code source pour ajouter un lien vers elle.Les résultats révèlent la même.

blocs de texte transparente et la page

Comme pour le texte ou le bloc (div transparent), css propose son option, similaire à la création d'une image transparente, qui est utilisé connecté fichier CSS, qui sera donné les paramètres nécessaires.Vous pouvez aller d'une manière simple.Lorsque vous définissez le bloc div style de style ou de texte p prescrire les éléments code HTML suivantes pour onmouseover et onmouseout.Les deux options fonctionnent et donnent le résultat souhaité.

transparence

Dans certains cas, la transparence de l'objet, un élément de design ou le texte que vous souhaitez définir sur une base continue.Dans ce cas, la solution est encore plus simple que la souris.

élément de css pour la transparence sera donnée le code suivant.Dans div style de bloc prescrire des valeurs de fond (par exemple, # ff8800), l'opacité (par exemple, 0,5) et la largeur (largeur) et padding (rembourrage).

pour les photos dans le code font des valeurs et filtre de l'opacité et de spécifier le chemin vers l'image.

RGBA méthode

Il ya d'autres options pour l'utilisation de cette propriété css: la transparence peut être appliquée à la couleur d'un élément de conception de fond.Il utilise la méthode de RGBA.Les trois premières lettres représentent les couleurs de base (rouge, fission, bleu), et le dernier - alpha, qui définit le niveau de transparence.Utilisation RGBA format prescrit la transparence, pointant sur le dernier chiffre.Par exemple, comme: fond: rgba (240,2,33,0.4035).

Conclusion

Ainsi, en utilisant dans le cadre des travaux sur la conception du site est simple mais magnifique propriété css "transparence", vous pouvez en faire des éléments de l'effort minimal plus intéressant et plus perceptible.La transparence de la performance des modes de réalisation d'emploi décrit va vous aider avec ceci.