【问题标题】:Creating a similar image using CSS [closed]使用 CSS 创建类似的图像 [关闭]
【发布时间】:2016-02-23 06:19:18
【问题描述】:

我想知道是否有人对如何仅使用 css 创建一个类似于此的容器有任何想法?也许是 CSS3 的 Transform3d 属性。 任何建议,我真的很想知道这种扭曲效果是否可以应用于矩形。

有什么想法吗?

【问题讨论】:

  • 请不要将 CSS 用于这些形状/效果。虽然它实际上可能是可行的,但这种方法将非常复杂且不可维护。我建议看看 SVG/Canvas(最好是 SVG)。
  • 图片也有自己的位置...
  • 如何在 SVG 中做到这一点?我希望能够动态设置颜色和文字
  • 我知道 CSS 可能不是要走的路,但我正在寻找有关该方向的帮助??
  • 除非您需要这种高品质的效果(然后使用 SVG),否则没有文字的图像是最好的选择。然后只是基本的 CSS 定位来覆盖图像上的文本。

标签: css css-shapes css-transforms


【解决方案1】:

您可以在 SVG 中执行此操作并使其保持动态,因为 SVG 是 XML。最简单的解决方案是动态切换几个不同颜色的 PNG。

关于保持文本动态,你的图片应该只是背景,文本可以保留在 HTML 中。

【讨论】:

    猜你喜欢
    • 2020-09-28
    • 1970-01-01
    • 2011-04-10
    • 1970-01-01
    • 2014-10-15
    • 1970-01-01
    • 2012-12-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多