问题标签 [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.
css - 顶部和右侧有角度的梯形
它基本上是一个弯曲的div:
所以有可能只使用 CSS 而没有图像吗?
html - 朝下的三角形......但是等等......这是什么......有边界?
我在这里使用很酷的 CSS:
http://css-tricks.com/snippets/css/css-triangle/
我正在创建一个简单的三角形,我将使用一些 jQuery 来完善它。问题是,我需要三角形的两条边都有边界。看到三角形是由边界组成的,这让我很头疼。
看看这张照片:
我需要 A 面和 B 面有一个边框,这样它们就不会与另一个橙色混合。
这是三角形本身的 css 峰值:
所以,我对替代解决方案持开放态度(不常见吗?)。我更喜欢当前设置的解决方案,因为我已经投入了大量工作。不管怎样,我需要这个有一个边界(我想你可以称我为“绝望”)。
干杯,非常感谢您的帮助!
html - 如何用css3绘制梯形/梯形?
当您使用 Mobile Safari 访问页面http://m.google.com时,您将看到页面顶部的漂亮栏。
我想画一些这样的梯形(美国:梯形),但我不知道怎么画。我应该使用 css3 3d 变换吗?如果您有实现它的好方法,请告诉我。
css - CSS3 信封形状
正如您可能已经猜到的那样,这张图片是邮件信封形状的一部分,如果可能的话,我想用 CSS3 创建它。我已经制作了其他部分,但这个很棘手。该形状需要两边都有三角形切口和圆角(大概是边界半径-左下角/边界半径-右下角)。它还必须具有投射小阴影的能力。
这是我到目前为止所做的 -
jsFiddle - http://jsfiddle.net/hsYUy/
javascript - 如何使用 CSS3 和 jQuery 创建旋转齿轮?
我有以下网站,它在 Flash 中,背景中有旋转齿轮:
http://thedrivepartnership.com/index.html
我想使用 CSS 和 JavaScript 创建类似的东西 - 有人知道那里的任何例子吗?
css - 透明的空心或切出的圆圈
是否可以仅使用CSS切出一个空心圆?
这是我们都可以做到的:
但是我们能做到吗?
圆圈必须是空心和透明的。因此,通过在 a 上放置一个纯色圆圈并不能解决问题div
。
css - 在 CSS 中创建甜甜圈形状
我知道如何创建一个带有边框半径等的 css 圆,但我有兴趣在这里创建一个仅 css 的甜甜圈形状 ->
这将是一个 div,但会弯曲回到自身,
有任何想法吗??
html - 从 div 中切出的透明半圆
我想只使用 CSS3 制作一个透明的半圆形。唯一的要求是形成形状的所有元素必须是黑色或透明的。
我不能使用上面有一个白色圆圈的黑色矩形,因为半圆必须是透明的,并且让背景显示出来。
所需形状:
html - 自定义 CSS 颜色叠加
我正在尝试为公司徽标编写一些 CSS,这是对当前公司服务器上jpg的相当准确的描述。除了标志上的一些颜色覆盖外,它非常基本。
我的问题是:这甚至可能吗?如果是这样,我该怎么做
请不要 bash,我是个菜鸟,我的第一行 html 是大约一周前...
这是我的标记
css - 在 css 中创建这个形状
请看一下这张图片:
我为我无用的绘画能力道歉:-)
我怎样才能在css中绘制那种形状,就像)
在div中不使用文本一样,只是纯css。
我试图让它像示例中一样弯曲,但我不知道如何从中心弯曲它。
我必须怎么做才能在css中制作这种形状?
谢谢。