/ 软件 / 2405阅

让站点字体呈现水墨效果

在CSS中添加:

html {text-shadow:0 0px 2px #ccc, 0px -2px 1px #fff;}

在手机上效果尤为明显,很像是电子水墨屏。

# 写于九年前,改于二年前
           

16

  1. Shrek

    现在这个阴影有浓了

    Firefox 44 · Windows XP
    1. S̆̈

      @Shrek设置成2px,1px就行

      Wordpress App 5 · iPhone iOS 9.2.1
  2. Betty

    丑!

    Google Chrome 48 · Windows 8.1
    1. S̆̈

      @Betty这么不给面子

      Safari 9 · Mac OS X 10.11
      1. 河石子

        @S̆̈个人感觉在电脑上看起来确实不怎么美。

        Google Chrome 48 · Windows 10
        1. S̆̈

          @河石子看来在win10下效果一般?有截图吗?

          Wordpress App 5 · iPhone iOS 9.2.1
  3. 大致

    我之前这么用过,收到的评价你也看到了...

    Firefox 44 · Windows 7
    1. S̆̈

      @大致话说兄台你的站点实在是太花哨了……
      我用的效果其实很不明显,还是以简洁为主

      Opera 35 · Windows XP
      1. Shrek

        @S̆̈我觉得阴影这种效果适合小范围小面积少量使用,多了严重影响观感。

        Chrome 48 · iPhone iOS 9.2.1
        1. S̆̈

          @Shrek嗯。问一下,你觉得我的站点现在用了阴影后影响观感吗?

          Google Chrome 48 · Mac OS X 10.11
          1. Shrek

            @S̆̈我现在用的手机,很像没看出来有阴影效果,现在的效果挺好的,很棒!

            Chrome 48 · iPhone iOS 9.2.1
            1. S̆̈

              @Shrek那很好,因为我只设了1px的阴影,很淡的

              Google Chrome 48 · Mac OS X 10.11
  4. 老杨

    真能折腾……
    http://synyan.cn/t/14972 这个文章好像不能留言?什么黑科技?

    Firefox 44 · Windows 10
    1. S̆̈

      @老杨可以啊,你刷新了试试?

      Safari 9 · iPhone iOS 9.2.1
  5. 灰常记忆

    这个代码适合任意主题?

    QQbrowser 9 · Windows 7
    1. S̆̈

      @灰常记忆是的,标准css

      Wordpress App 5 · iPhone iOS 9.2.1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注