竹炉山房 竹炉山房
/ 软件 / 2207浏览

让站点字体呈现水墨效果

在CSS中添加：

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

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

相关文章

给博客图片加上圆角
如何让读者在HTML页订阅本博并推送到邮箱
自动隐藏WordPress顶部管理工具条
WordPress怎样给文章图片加文字说明框
Your 2010 year in blogging
最新的Ajax评论代码

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. 老杨

    真能折腾……
    https://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

回复 灰常记忆 取消回复

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