用css体现文字的凹凸(浮雕)效果

用css体现文字的凹凸(浮雕)效果

要做出这个效果,首先必须知道css的一个属性:

  • text-shadow:水平位置 垂直距离 模糊距离 阴影颜色;

  • 水平位置和垂直位置的值可以为负值

  • 可以使用两组值来实现凹凸效果,中间用逗号“,”隔开

      
     
      ---------------------------------------------------------------
    
      
    我是凸起的文字
    我是凹下去的文字

    效果展示:


    用css体现文字的凹凸(浮雕)效果_第1张图片
    image

你可能感兴趣的:(用css体现文字的凹凸(浮雕)效果)