css3 文字效果库

CSS3是一种用于网页排版的样式表语言，它为网页设计师提供了多种有用的工具和选项。其中之一就是文字效果库，它可以帮助我们在文字上添加各种视觉效果。下面我们来介绍一些常用的CSS3文字效果。

/* 文字阴影效果 */
p{
  text-shadow: 2px 2px 5px #999;
}

/* 渐变填充文字 */
p{
  background: -webkit-linear-gradient(#58a,#5f8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* 发光文字效果 */
p{
  color: #fff;
  font-size: 70px;
  text-shadow: 0 0 50px #fff,0 0 80px #fff,0 0 100px #fff,0 0 150px #fff;
}

/* 透明文字效果 */
p{
  background-image: linear-gradient(to right,#000,#fff);
  -webkit-background-clip: text;
  color: transparent;
}

/* 旋转文字效果 */
p{
  display: inline-block;
  transform: rotate(45deg);
}

/* 文字动画效果 */
p{
  animation: type .5s linear infinite alternate;
}

@keyframes type {
  to {
    width:100%;
  }
}

以上是一些常用的CSS3文字效果。它们可以让网页设计更加生动有趣，提高用户的阅读体验。