Question

有没有办法制作像图像一样的效果，只有CSS？

这将是可悲的输，因为替换文本图像的所有宝贵的搜索引擎优化。

文字周围的亮度

http://i.stack.imgur.com/bISVC.png

闪亮的文字

http://i.stack.imgur.com/T9ojb.jpg

我首先想到了阴影和东西，但我无法解决任何事情......

Answer 1

尝试添加如下阴影：text-shadow: 0 0 3px #0000FF;

Answer 2

这些效果是通过在深色背景上使用多个阴影将颜色分层来实现的。这是一个示例：

.glow{
      font-family: Sans-serif;
      font-size: 3rem;
      background: black;
      color: white;
      padding: 80px;
      text-shadow:
                  1px 1px 0px gold,
                  -3px -0 25px red,
                  3px 0px 3px white,
                  0px 0px 15px white,
                  15px 10px 10px black,
                  0 0 40px orangered,
                  0 0 40px orangered,
                  0 0 60px orangered,
                  0 0 80px orangered,
                  0 0 80px orangered,
                  0 0 100px orangered,
                  0 0 150px orangered;
       }

<h1 class="glow">Glowing CSS only</h1>

用CSS照亮文本周围的文字和亮度？

2 个答案: