首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在文本中创建多个阴影(jquery)

如何在文本中创建多个阴影(jquery)
EN

Stack Overflow用户
提问于 2021-03-13 20:26:15
回答 1查看 22关注 0票数 0

我有这个:

代码语言:javascript
代码运行次数:0
运行
复制
Letter.prototype.add = function (ctx) {
    ctx.shadowColor = "#44400";
    ctx.shadowOffsetX = 1;
    ctx.shadowOffsetY = 1;
}

我希望在所有四个方面都有阴影,并希望在上面的定义中添加以下内容:

代码语言:javascript
代码运行次数:0
运行
复制
ctx.shadowColor = "#333000";
ctx.shadowOffsetX = -1;
ctx.shadowOffsetY = -1;

我如何才能做到这一点呢?

谢谢!

EN

回答 1

Stack Overflow用户

发布于 2021-03-13 20:54:09

我将应用的技巧是在另一个标签周围包装一个标签,这两个标签都有一个阴影,例如:

代码语言:javascript
代码运行次数:0
运行
复制
#outer {
  box-shadow: 1px 1px #444000;
  width: 100px;
  height: 100px;
  background-color: green;
}

#inner {
  box-shadow: 1px 1px #333000;
  width: 99px;
  height: 99px;
  background-color: green;
}
代码语言:javascript
代码运行次数:0
运行
复制
<div id="outer">
    <div id="inner">
    
    </div>
</div>

当然,您也可以使用jQuery指定这些属性,但在通过jQuery对结构/设计应用更改之前,您首先需要在CSS和HTML中了解这一点。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/66613484

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档