CSS div椭圆形(CSS div oval shape)
有人可以帮助我从div中删除吗?
该死的,每个人都在贬低,尽管甚至不是一个有效的答案。
编辑
找到了可能的解决方案,但没有SVG的知识。也许有人可以帮助我。
HTML:
<svg viewBox="0 0 400 150"> <path opacity="0.6" fill="red" d="M0,10 Q0,0 10,0 Q195,40 390,0 Q400,0 400,10 Q390,75 400,140 Q400,150 390,150 Q195,100 10,150 Q0,150 0,140 Q10,75 0,10" /> </svg>CSS:
svg { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }Can someone help me out making such a cut out from div?
Found possible solution,but dont have knowledge in SVG.Maybe someone can help me out.
HTML:
<svg viewBox="0 0 400 150"> <path opacity="0.6" fill="red" d="M0,10 Q0,0 10,0 Q195,40 390,0 Q400,0 400,10 Q390,75 400,140 Q400,150 390,150 Q195,100 10,150 Q0,150 0,140 Q10,75 0,10" /> </svg>CSS:
svg { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); }最满意答案
body {overflow-x:hidden} svg {left:47%; position:relative; top:-24%; transform:translate(-50%, - 50%); width:2000px;}
body { overflow-x: hidden } svg { left: 47%; position: relative; top: -24%; transform: translate(-50%, -50%); width: 2000px; }更多推荐
发布评论