css - 如何在一个元素上渲染多个阴影?

标签 css reactjs react-native

比如如何实现

box-shadow: 2px 2px 4px rgba(0, 0, 0, .05), -2px -2px 4px rgba(0, 0, 0, .05);

在 React 原生样式表中?

最佳答案

我认为你做不到,但是为了另一层阴影而用另一个组件包裹你的组件的黑客行为也是本世纪最糟糕的黑客行为:

<div style={{ boxShadow: "2px 2px 4px rgba(0, 0, 0, .05)"}}>
  <div style={{ boxShadow: "-2px -2px 4px rgba(0, 0, 0, .05)"}}>
  { content }
  </div>
</div>

关于css - 如何在一个元素上渲染多个阴影?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36998120/

相关文章:

html - 重置 div 内容的 css 样式

reactjs - 使用 React 和 Ant Design Pro/UmiJS 实现 AWS Amplify Authenticator

android - Android 的即时运行与 Flutter 的热重载和 React Native 的热重载之间的区别?

css - IE 10 中的字体(文本)线性渐变。怎么样?

html - 如何在超大尺寸的 HTML 页面中显示链接?

html - CSS:我想在一个容器中分别定位每个 child

reactjs - 如何处理JSS中进度条值的颜色?

javascript - 为什么切换图像的url src需要时间到 "load"?

ios - 从 Xcode 运行 React Native 应用程序失败(从 cli 运行相同的应用程序工作正常)

css - 如何使用 React Native Animate 将 view flex 从 0 更改为 1