CSS3 dessine les effets spéciaux d'animation de texte de bonne année 2018

<style>
@import url("https://fonts.googleapis.com/css?family=Ultra");
corps {
  couleur d'arrière-plan : #070707 ;
  famille de polices : 'Ultra', serif ;
}

.conteneur {
  hauteur : 250px ;
  largeur : 450px ;
  remplissage : 0 ;
  marge : 0;
  poste : fixe ;
  haut : 0 ;
  en bas : 0 ;
  gauche : 0;
  à droite : 0 ;
  marge : auto;
  type de style de liste : aucun ;
  rayon de bordure : 10 px ;
  text-align: center;
  couleur : #E8DDB5;
  taille de police : 4rem;
  hauteur de ligne : 1;
}
.container .newYear {
  affichage : bloc en ligne ;
  taille de police : 8rem ;
  marge : 0;
  gauche : 50% ;
  transformer : traduireX(-50 %);
  position : absolue ;
  marge : auto;
  couleur : #070707;
  animation : animer 2s facilité infinie ;
  en bas : 0 ;
}

@keyframes animent {
  0%,100% {
    texte-ombre : 4px 0px 1px #E8DDB5, 6px 0px 1px #E8DDB5, 8px 0px 1px #E8DDB5, 10px 0px 1px #E8DDB5 ;
  }
  50 % {
    texte-ombre : -4px 0px 1px #E8DDB5, -6px 0px 1px #E8DDB5, -4px 0px 1px #E8DDB5, -10px 0px 1px #E8DDB5 ;
  }
}
</style>

Le CSS3 de 2018 est basé sur la crackée 2018.换成中文汉字的话，可以根据你的眼光选择字体。