【问题标题】:how to create bottom cruved outside and top croved to inside of div's in css [closed]如何在css中创建底部弯曲的外部和顶部渴望到div的内部[关闭]
【发布时间】:2017-07-11 20:51:49
【问题描述】:

我正在寻找在 CSS 中创建两侧弯曲容器的最佳方法。 第一个div的底部需要向外弯曲,下一个div需要向内弯曲。

这是设计的图片:

第一个 div 曲线可以由border-radius 完成,但是另一个呢? 另请注意,这应该是响应式设计。

谢谢。

【问题讨论】:

标签: html css


【解决方案1】:

SVG 是更好的选择。如果您仍想使用 CSS 进行操作,请查看:S curve using css

【讨论】:

  • 也可以使用透明png图片作为背景
  • 我认为它也可以使用 CSS border-radius 通过仅将元素的某些边舍入一定量来创建。尽管如此,我同意 SVG 是一个更好的解决方案
猜你喜欢
  • 2020-05-24
  • 1970-01-01
  • 2018-06-13
  • 1970-01-01
  • 2016-09-26
  • 2020-04-04
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多