En effet, le concept de portes coulissantes CSS est apparu il y a quelques années, mais il est plus souvent évoqué ces dernières années. Mais les gens le confondent souvent avec l'effet de tabulation, en particulier certains amis novices, je vais donc écrire une explication détaillée ici, en espérant qu'elle vous sera utile.
En parlant de ça, les portes coulissantes ne sont pas une technologie sophistiquée, c’est juste une technique CSS. Il utilise le chevauchement et le glissement des images d'arrière-plan pour obtenir certains effets. Le plus courant est la navigation aux coins arrondis. Nous pouvons imaginer les deux arrière-plans aux coins arrondis, un à gauche et un à droite, comme deux portes coulissantes. Ils peuvent glisser ensemble et se chevaucher pour afficher moins de contenu, ou ils peuvent glisser l'un contre l'autre. autre Ouvrir pour afficher plus de contenu, comme indiqué ci-dessous :
Dans certains tutoriels précédents, j'ai aimé couper l'image d'arrière-plan en deux parties, une large et une étroite, pour l'épissage. En fait, une seule image suffit.
Ici, nous n'utilisons que les deux balises "a" et "span". Le style peut définir trois états, ce qui peut être considéré comme la manière la plus simple.
| Voici le contenu cité : http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd "> http://www.w3.org/1999/xhtml "> |