* webmaster Virtuemart Lancy

***Web2007 est un bureau indépendant situé à Genève et a l'habitude de travailler pour des entreprises PARTOUT en Suisse

webmaster Virtuemart Lancy

Article:

webmaster Virtuemart Lancy

Quelle est transitions CSS3, et comment nous pouvons les utiliser? Habituellement, les liens hypertextes de style en utilisant le CSS pour leur fournir état sélectionné, dans lequel ils vont les respecter lorsque vous placez le pointeur de la souris. Cela rendra clairement aux utilisateurs que le point qu'ils imposent un pointeur est une référence. Ces États sont moins webmaster Virtuemart Lancy pertinents pour un nombre croissant d'utilisateurs d'appareils à écran tactile, mais pour tout le monde, ils sont un exemple d'une grande et simple interaction entre le site et l'utilisateur.
Selon la tradition, si vous utilisez uniquement CSS, puis les positions préférentielles travaillent sur le principe de & quot; on / off & quot ;. Un Etat est le défaut et webmaster Virtuemart Lancy immédiatement remplacé par un autre lorsque le pointeur de la souris. Cependant CSS3 transitions, comme leur nom l'indique, permettent de fournir certaines transition d'un état à un autre.
Dans le chapitre précédent, nous avons créé avec le bouton de lien de CSS3 avec un gradient fond rouge. Voici CSS3 code que nous avons utilisé (pour des raisons de concision, retiré il webmaster Virtuemart Lancy préfixe fournisseurs supplémentaires)
# {un contenu
text-decoration: none;
de la : 2.25em / * 36pxx16 * / 'BebasNeueRegular';
background-color: # b01c20;
border-radius: 8px;
color: # ffffff;
Rembourrage: 3%;
float: left;
Contexte: linear-gradient (90deg, # b01c20 0%, # f15c60 100%); margin-top: 30px;
Box-ombre: 5px webmaster Virtuemart Lancy 5px5pxhsla (0, 0%, 26,6667%, 0,8); text-shadow: 0px 1px noir; border: 1px solid # bfbfbf;
}
Ajoutez état sélectionné:
# contenu a: hover

webmaster Virtuemart Lancy top qualite

Border: 1px solid # 000000; color: # 000000; text-shadow:. 0px blanc 1px;
}
La figure 7.1 montre la première condition, qui est déterminée par défaut
Mais l'état sélectionné lorsque la souris pointeur (Figure webmaster Virtuemart Lancy 7.2).
Quand les pointeur de la souris juste le texte de l'ombre projetée par eux, et la couleur de la frontière. Ainsi, comme vous l'aurez deviné, en utilisant le point CSS-code actuel du curseur de la souris va conduire à une transition immédiate du premier état (texte blanc) dans la deuxième (texte noir). Ce travail sur le principe de & quot; on / off & quot ;. Ajouter webmaster Virtuemart Lancy un peu de magie dans CSS3, notre première règle:
# {un contenu
/ * ... les styles et le commerce Disponible; * / Transition: tous 1s facilité des 0;
}
Maintenant, si vous survolez le bouton de lien, l'ombre du texte émis par eux et la couleur de la bordure sera une transition en douceur à partir de un état à un autre. Vous remarquerez que l'élément source est webmaster Virtuemart Lancy utilisé pour la transition et non choisi Etat. Il est situé à d'autres conditions, comme actif lorsque l'utilisateur clique sur le bouton de la souris lien peuvent également être réglés et d'autres styles de transition d'une. Alors rappelez-vous que la transition doit être ajouté à une ane pour un poste dans l'état à partir de laquelle la transition de.
CSS3 webmaster Virtuemart Lancy 2D-transformation
CSS-transformation (en 2D et 3D -variants) est complètement le même que celui CSS-passages, même si elles peuvent sembler similaires. Considérez-les comme suit: pour faire des transitions lisses permettent le processus de changement d'un état à un autre, et les transformations qui définissent ce qui sera l'élément correspondant. Voici mon propre chemin webmaster Virtuemart Lancy (certes, enfantin) de se rappeler tout cela:
Imaginez un transformateur de robot, comme Optimus Prime. Un robot qui pour une certaine période de temps (de transition) est converti (transformé) en quelque chose -. Dans un camion
Si cette méthode ne encore plus confus que vous (ou vous ne possédez pas la moindre idée de ce qui Optimus Prime), creuser plus profond. Nous webmaster Virtuemart Lancy ajoutons la 2D à la transition à l'état sélectionné les liens de navigation sur le site et le gagnant est pas.