Maison > Article > interface Web > CSS pour créer un effet de point
CSS pour créer un effet de point
- php中世界最好的语言original
- 2018-03-21 14:49:342478parcourir
Cette fois, je vais vous apporter du CSS pour créer des effets de points. Quelles sont les précautions pour utiliser le CSS pour créer des effets de points. Voici des cas pratiques, jetons un coup d'œil.
Le code est le suivant :
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>进行中...</title>
<style>
dot {
display:inline-block;
width:3ch;
text-indent:-1ch;
vertical-align:bottom;
overflow:hidden;
animation:dot 3s infinite step-start both;
}
@keyframes dot {
33% { text-indent: 0; }
66% { text-indent: -2ch; }
}
</style>
</head>
<body>
<a href="javascript:">进行中<dot>...</dot></a>
</body>
</html>
Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres informations connexes. articles sur le site php chinois !
Lecture recommandée :
Implémentation de la barre de menu de transition en douceur de la transition CSS3
Comment utiliser l'effet d'ombre de box-shadow
4 méthodes CSS couramment utilisées pour réaliser un centrage vertical
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!