【问题标题】:CSS Text Shadow according to textCSS文本阴影根据文本
【发布时间】:2014-11-01 07:39:16
【问题描述】:

我已将 2 个不同的标题/图像合并为一个,如下图所示。

我想根据顶部和底部的文字设计创建阴影/边框。

任何帮助将不胜感激。

【问题讨论】:

标签: html shadow css


【解决方案1】:

CSS text-shadow 无法做到这一点,因为它无法扩大到大于原始文本的大小(仅模糊)。

仅使用 CSS 最接近这一点的方法是使用当前在 Blink 和 WebKit 中的 text-stroke。不幸的是,它与文本重叠,因此如果您将笔划扩大到所需的大小,原始文本将无法阅读。

但是,如果您愿意使用一点 jQuery,那么有一个解决方案。它很长,所以我将把你推荐给第一次介绍它的网站http://www.petercarrero.com/examples/stroke/

希望对您有所帮助。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-03-13
    • 1970-01-01
    • 2011-10-16
    • 2011-04-27
    • 2013-04-24
    • 2012-08-22
    相关资源
    最近更新 更多