问题标签 [css-shapes]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
1548 浏览

css - 顶部和右侧有角度的梯形

它基本上是一个弯曲的div:

弯曲的 div

所以有可能只使用 CSS 而没有图像吗?

0 投票
6 回答
2561 浏览

html - 朝下的三角形......但是等等......这是什么......有边界?

我在这里使用很酷的 CSS:

http://css-tricks.com/snippets/css/css-triangle/

我正在创建一个简单的三角形,我将使用一些 jQuery 来完善它。问题是,我需要三角形的两条边都有边界。看到三角形是由边界组成的,这让我很头疼。

看看这张照片:

在此处输入图像描述

我需要 A 面和 B 面有一个边框,这样它们就不会与另一个橙色混合。

这是三角形本身的 css 峰值:

所以,我对替代解决方案持开放态度(不常见吗?)。我更喜欢当前设置的解决方案,因为我已经投入了大量工作。不管怎样,我需要这个有一个边界(我想你可以称我为“绝望”)。

干杯,非常感谢您的帮助!

0 投票
5 回答
106610 浏览

html - 如何用css3绘制梯形/梯形?

当您使用 Mobile Safari 访问页面http://m.google.com时,您将看到页面顶部的漂亮栏。

我想画一些这样的梯形(美国:梯形),但我不知道怎么画。我应该使用 css3 3d 变换吗?如果您有实现它的好方法,请告诉我。

0 投票
4 回答
4869 浏览

css - CSS3 信封形状

正如您可能已经猜到的那样,这张图片是邮件信封形状的一部分,如果可能的话,我想用 CSS3 创建它。我已经制作了其他部分,但这个很棘手。该形状需要两边都有三角形切口和圆角(大概是边界半径-左下角/边界半径-右下角)。它还必须具有投射小阴影的能力。

这是我到目前为止所做的 -

jsFiddle - http://jsfiddle.net/hsYUy/

0 投票
5 回答
5431 浏览

javascript - 如何使用 CSS3 和 jQuery 创建旋转齿轮?

我有以下网站,它在 Flash 中,背景中有旋转齿轮:

http://thedrivepartnership.com/index.html

我想使用 CSS 和 JavaScript 创建类似的东西 - 有人知道那里的任何例子吗?

0 投票
7 回答
59127 浏览

css - 透明的空心或切出的圆圈

是否可以仅使用CSS切出一个空心圆

这是我们都可以做到的:

正常的 CSS 圆圈

但是我们能做到吗?

div中的透明空心圆

圆圈必须是空心和透明的。因此,通过在 a 上放置一个纯色圆圈并不能解决问题div

0 投票
5 回答
26118 浏览

css - 在 CSS 中创建甜甜圈形状

我知道如何创建一个带有边框半径等的 css 圆,但我有兴趣在这里创建一个仅 css 的甜甜圈形状 ->在此处输入图像描述

这将是一个 div,但会弯曲回到自身,

有任何想法吗??

0 投票
8 回答
19196 浏览

html - 从 div 中切出的透明半圆

我想只使用 CSS3 制作一个透明的半圆形。唯一的要求是形成形状的所有元素必须是黑色或透明的。

不能使用上面有一个白色圆圈的黑色矩形,因为半圆必须是透明的,并且让背景显示出来。

所需形状:

切出半圆的矩形

0 投票
3 回答
2867 浏览

html - 自定义 CSS 颜色叠加

我正在尝试为公司徽标编写一些 CSS,这是对当前公司服务器上jpg的相当准确的描述。除了标志上的一些颜色覆盖外,它非常基本。

我的问题是:这甚至可能吗?如果是这样,我该怎么做

请不要 bash,我是个菜鸟,我的第一行 html 是大约一周前...

这是我的标记

0 投票
2 回答
746 浏览

css - 在 css 中创建这个形状

请看一下这张图片:

图片示例

我为我无用的绘画能力道歉:-)

我怎样才能在css中绘制那种形状,就像)在div中不使用文本一样,只是css。

我试图让它像示例中一样弯曲,但我不知道如何从中心弯曲它。

我必须怎么做才能在css中制作这种形状?

谢谢。