在CSS中添加:

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

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

共有 16 条评论

  1. Shrek

    上海

    现在这个阴影有浓了

    八年前 Firefox 44 · Windows XP

    回复

    • S

      江苏

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

      八年前 Wordpress App 5 · iPhone iOS 9.2.1

      回复

  2. Betty

    上海

    丑!

    八年前 Google Chrome 48 · Windows 8.1

    回复

    • S

      江苏

      @Betty 这么不给面子

      八年前 Safari 9 · Mac OS X 10.11

      回复

      • 河石子

        重庆

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

        八年前 Google Chrome 48 · Windows 10

        回复

        • S

          江苏

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

          八年前 Wordpress App 5 · iPhone iOS 9.2.1

          回复

  3. 大致

    美国

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

    八年前 Firefox 44 · Windows 7

    回复

    • S

      江苏

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

      八年前 Opera 35 · Windows XP

      回复

      • Shrek

        江苏

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

        八年前 Chrome 48 · iPhone iOS 9.2.1

        回复

        • S

          江苏

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

          八年前 Google Chrome 48 · Mac OS X 10.11

          回复

          • Shrek

            美国

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

            八年前 Chrome 48 · iPhone iOS 9.2.1

            回复

            • S

              江苏

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

              八年前 Google Chrome 48 · Mac OS X 10.11

              回复

    • S

      江苏

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

      八年前 Safari 9 · iPhone iOS 9.2.1

      回复

  4. 灰常记忆

    陕西

    这个代码适合任意主题?

    八年前 QQbrowser 9 · Windows 7

    回复

       

发表评论

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