Souscrire
Blog iamvdo.me
Dans cet exemple, on utilise la fonction CSS3 rgba(R,V,B,Alpha) afin de gérer l’opacité d’un élément. Contrairement à opacity qui rend transparent un élément avec tous ses enfants, rgba modifie l’élément seulement. La valeur RVB est appliquée avec sa valeur d’opacité.
Utilisation également des pseudo-éléments :after pour rajouter le caratère ">" si un menu déroulant existe et transformations de ce caratère avec -moz-transform et -webkit-transform pour visuellement informer l’internaute de la position du sous-menu.
ul li a::after{
content:">";
position:absolute;
right:5px;
transform:rotate(270deg);
}L’utilisation de pseudo-éléments permet de s’affranchir de l’utilisation de classe (x)HTML, ou d’images CSS.
#1par Belo, le 23 novembre 2011
L’effet n’est pas compliqué et il rend super bien ! merci