shapes 相关问题

我正在尝试仅使用 CSS 从下图中重新创建形状。这是我尝试过的：我正在尝试仅使用 CSS 重新创建下图中的形状。这是我尝试过的： <svg width="450" height="50"> <defs> <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:#555;stop-opacity:1" /> <stop offset="100%" style="stop-color:#333;stop-opacity:1" /> </linearGradient> <filter id="f1" x="0" y="0"> <feDropShadow dx="0" dy="4" stdDeviation="3"/> </filter> </defs> <path d="M0,0 L450,0 L450,20 L300,20 C270,20 250,50 230,50 L0,50 Z" fill="url(#grad1)" /> <path d="M0,0 L450,0 L450,20 L300,20 C270,20 250,50 230,50 L0,50 Z" fill="transparent" filter="url(#f1)" /> </svg> 它非常相似，但与我想要实现的曲线不同，而且我使用了 SVG。如何用CSS做到这一点以及如何做出完全相同的曲线？这就是我被 css 困住的地方（我用红色标记了曲线的位置）： <!DOCTYPE html> <html> <head> <style> #top-rectangle { height: 50px; width: 250px; background-color: #555; } #bottom-rectangle { height: 20px; width: 250px; background-color: #555; margin-left: 250px; margin-top: -50px; } #curve { height: 30px; width: 2px; background-color: red; margin-left: 250px; } #curve2 { height: 2px; width: 30px; background-color: red; margin-left: 250px; margin-top: -30px; } </style> </head> <body> <div id="top-rectangle"></div> <div id="bottom-rectangle"></div> <div id="curve"></div> <div id="curve2"></div> </body> </html> 对于CSS，弯曲的形状通常是通过使用圆角 (边界半径) 或径向渐变（径向渐变）。互联网上有各种文章对此进行解释，例如： https://css-tricks.com/how-to-create-wavy-shapes-patterns-in-css/ 另一种方法是混合具有极高对比度的两个渐变（一个水平，一个垂直）。效果晦涩难懂，有点粗糙；您可能需要尝试使用属性来正确塑造曲线。但它确实很紧凑。在最基本的形式中，您所需要的就是： background-image: linear-gradient(to bottom, #3e3e3e, #c1c1c1), linear-gradient(to right, black 65%, white 75%); background-blend-mode: hard-light, normal; filter: contrast(99); 这是一个完整的演示： .tabstrip { background-image: linear-gradient(to bottom, #3e3e3e, #c1c1c1), linear-gradient(to right, black 65%, white 72%); background-blend-mode: hard-light, normal; mix-blend-mode: lighten; filter: contrast(99); height: 25px; } .demo { background: linear-gradient(#555, #333); border: thin black solid; color: green; position: absolute; width: 90%; } .above { color: white; padding: 2px; } .under { background: white; color: black; padding: 2px; } .left { color: white; left: 0; padding: 2px; position: absolute; z-index: 1; } .right { color: black; right: 0; padding: 2px; position: absolute; z-index: 1; } <div class="demo"> <div class="above">Above tabstrip</div> <div class="left">Left</div> <div class="right">Right</div> <div class="tabstrip"></div> <div class="under">Underneath tabstrip</div> </div>

html css svg shapes

回答 1 投票 0

在：-1

在下面的代码中，我想检查使用后每个数组的形状：-1和-1。我认为那将是 x.shape= [2,4,3] ，y.shape =[2,1,3] 。但输出是 x.shape= [2,4,3], y.shape=[2,3]。我很困惑...

arrays numpy artificial-intelligence shapes

回答 0 投票 0

我的 VBA 代码无法识别粘贴到 Excel 中的形状。但是，如果我在调试中没有更改任何内容后运行代码，它会突然起作用

所以，我正在编写这段代码，该代码应该循环遍历 Excel 中的多个表格并将其粘贴到 PowerPoint 中。这个过程运行良好。但是，在将表格粘贴为范围后，我试图查...

excel vba powerpoint shapes

回答 2 投票 0

CNN-LSTM模型构建和训练

我正在尝试从视频数据构建 cnn-lstm 模型。这是特征数据frames_data=(150120, 128, 128, 3)和label_data=(150120, 19)的形状，我如何重塑它们以用作输入...