-
10 votesanswersviews
CSS3倒圆角
有没有办法在CSS3中做一个倒圆角，大致类似于下面（原始）图中的左下角？ /-------\ | | | | | | | ______/ |/ <---The left side is flush (straight), the slant should be rounded 也许边界半径可以与this technique结合？ 编辑：我不是在寻找一个讲... -
88 votesanswersviews
控制虚线边框行程长度和笔画之间的距离
是否可以控制CSS中虚线边框笔划之间的长度和距离？ 以下示例在浏览器之间显示不同： div { border: dashed 4px #000; padding: 20px; display: inline-block; } <div>I have a dashed border!</div> 差异很大：IE 11 / Firefox / Chrome ... -
29 votesanswersviews
CSS在两个元素之间创建弯角？
我的用户界面左侧有一个无序列表 . 选择列表项后，右侧会出现 div . 我想要一个弯曲的 outer corner _11506741_和 <div> 相遇 . 有些人称之为 negative border radius 或 inverted corner . 请参见下图中的白色箭头 . 要将蓝色 <li> 扩展到 <ul> 的边缘，我打算做这样的事情... -
11 votesanswersviews
CSS3信封形状
您可能已经猜到这个图像是邮件信封形状的一部分，如果可能的话我想用CSS3创建 . 我've made the other parts but this one'很棘手 . 形状需要两侧的三角形切口和圆角（可能是边界半径 - 左下角/边缘半径 - 右下角） . 它 also 必须具有施放小阴影的能力 . 这就是我到目前为止所做的 - #envelope { background: #fff; } ... -
0 votesanswersviews
CSS嵌入带有实线边框的边框半径
我知道我可以使用径向渐变创建插入/倒置边框，如下所示：Inset border-radius with CSS3，但我想知道的是，如果我可以在生成的形状周围绘制1px的实线边框，如下图所示： 我不仅希望左下半径也被边框反转，并且剩余空间内的背景颜色必须是透明的 . 是否可以使用CSS3和HTML（我现在对canvas或SVG不感兴趣）？ -
0 votesanswersviews
IE11中的CSS圆角元素失败
我基本上试图做一个“CSS三角形”（你知道，这是一个使用边框生成整个形状的元素）但是我想要一个左边有圆角的正方形和直角的正方形 . 右边 . 这在Chrome中运行良好，但IE11在左上角创建了一个奇怪的人工制品 . （圆角应该是一个背景色的椭圆形 . 非常奇怪！） 有没有办法为IE11创建一个解决方法？ .RoundedElement { width: 0; height: 0; ... -
3 votesanswersviews
带右箭头的按钮 - 过渡
在css变换和伪元素的帮助下，我用箭头形状的右边框制作了css按钮 . 现在我正在尝试在悬停时添加过渡到背景，但是在过渡颜色不同的过程中，在按钮与伪元素重叠的地方意识到存在问题 . 请参阅下面的内容，尝试将鼠标悬停在： body { background: gray; background-image: linear-gradient(30deg, #445 12%, transparent ... -
1685 votesanswersviews
CSS三角形如何工作？
CSS Tricks - Shapes of CSS上有很多不同的CSS形状，我对三角形感到特别困惑： #triangle-up { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid... -
319 votesanswersviews
在CSS中创建径向菜单
如何创建一个看起来像这样的菜单...... Link to PSD 我不想使用PSD图像 . 我更喜欢使用像FontAwesome这样的包中的图标，并在CSS中生成背景/ css . 使用PSD生成工具提示的图像然后使用它的菜单版本可以找到here .