css字体阴影(标题文字加上阴影效果)

  今天这篇文章与大家分享一些实用的 CSS新特性及介绍和如何使用,希望对你在学习工作中有所帮助。

image.png

  1.Border-radius(圆角):使用border-radius属性可以实现元素的圆角效果。使用示例:

  border-radius: 10px;

  2.Box-shadow(阴影):使用box-shadow属性可以在元素周围添加阴影效果。使用示例:

  box-shadow: 10px 10px 5px grey;

  3.Text-shadow(文字阴影):使用text-shadow属性可以在文字周围添加阴影效果。使用示例:

  text-shadow: 2px 2px 2px grey;

  4.Gradient(渐变):使用linear-gradient或radial-gradient可以实现渐变效果。使用示例:

  background: linear-gradient(to bottom, #000000. #ffffff);

  5.Transform(变换):使用transform属性可以实现元素的旋转、缩放、位移等变换效果。使用示例:

  transform: rotate(45deg);

  6.Transition(过渡):使用transition属性可以实现元素的过渡效果。使用示例:

  transition: background-color 1s ease;


发表评论

评论列表

还没有评论,快来说点什么吧~