Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
带边框和透明间隙的 CSS 三角形切口
我需要使用 CSS 绘制以下图案作为页面各部分之间的分隔符 使用skewX 技术来自这个答案 我能够准确地模仿三角形切口 两个伪元素附加到下部部分的顶部 一个向左倾斜 一个向右倾斜 以便上部部分的背景显示出来 但我不知道如何添加边框 如第一
css
Border
cssshapes
skew
进度圆 - 在圆的末端画一个小圆弧 + 更多
如何在进度圆的末端绘制一个小圆圈 并在其下方 上方添加一个小文本块 示例图片 div class radial progress div class circle div class img div div class mask full
css
canvas
responsivedesign
geometry
cssshapes
CSS3 标签朝右并使用位置或:after
我正在尝试在 CSS 中构建这个形状 但我不知道如何将三角形 考虑到我有一个矩形作为标签的 主体 一个三角形作为尖端 朝右 因为我正在处理位置 所以当标签都可以具有不同的大小时 如何让三角形出现在矩形之后 我就是搞不出来 您可以检查小提琴
css
Shapes
cssshapes
CSS3 微调器、预加载器
我想用 CSS3 构建一个动画旋转器 它的行为应该像这样 在最后一个状态之后 它应该像第一个状态一样重新开始 我设法使用此处解释的技术创建圆圈 堆栈溢出问题 现在 怎样才能我在所描述的状态之间设置旋转器的动画 我不知道如何为剪辑矩形属性设置
css
cssanimations
csstransforms
cssshapes
如何通过以圆形方式堆叠div来创建棒棒糖形状?
如何以循环方式堆叠 div 其中最后一个 div 应位于第一个 div 下方但倒数第二个 div 上方 用css可以吗 任何帮助将不胜感激 请找到Codepen 给出示例代码片段 div class frame div class loll
css
sass
csstransforms
cssshapes
剪辑路径插入圆?
是否可以创建一个插入圆形剪辑路径 以便剪辑路径可以有效地在中心的 div 中切出一个孔 而不是仅显示中心 div 应该全部显示 除了在中心切出一个孔以创建如下内容 我想使用剪辑路径或类似的东西 这样我就可以在 div 后面添加内容 图像和内
css
cssshapes
clippath
如何创建带背景的三角形(固定高度,宽度=100%)
我有一个图形背景 我需要在左上角显示一个彩色三角形 与分辨率无关 我可以仅使用 HTML CSS JS 创建一个宽度 100 高度 200px 背景 红色的三角形元素吗 我可以通过 IMG 创建它 宽度 100 但我希望有一个比调整图像大小
javascript
css
cssshapes
如何将顶部和底部边框变为三角形?
正如您在下图中看到的 我试图从底部和顶部扭曲或三角形我的 div 但我不知道该怎么做 我只是尝试了几次 但没有达到结果 那么我怎样才能使用after before psuedo呢 用 psuedo make 没关系 但我想知道该怎么做 这是
css
cssshapes
lineargradients
使用 CSS 创建功能区
我终于创建了侧边栏菜单 现在我需要在选定的项目上创建功能区 例如显示图像 红色 我需要真正的灰色功能区 但我不想使用图像背景而只使用 css 类 因此 我可以动态地删除类名并添加到另一个项目 我有一个you are here我想要查看功能区
html
css
cssshapes
背景图像,线性渐变锯齿状边缘结果需要平滑边缘
我正在尝试使图像的底部变尖 我试图通过在底部生成两个三角形来获得这种效果 他们必须反应灵敏 在互联网上搜索了很多不适合我的要求的例子之后 这是迄今为止我设法制作的最好的例子 body html height 100 image width
css
responsivedesign
cssshapes
lineargradients
带 CSS 的半圆(仅边框、轮廓)
我正在尝试使用 CSS 创建一个圆圈 如下图所示 只有一个div div class myCircle div 并通过使用only CSS定义 不允许使用 SVG WebGL DirectX 等 我尝试画一个完整的圆圈 然后用另一个圆圈淡化
html
css
cssshapes
CSS 三角形是如何工作的?
有很多不同的 CSS 形状CSS 技巧 CSS 的形状我对三角形特别困惑 triangle up width 0 height 0 border left 50px solid transparent border right 50px s
css
geometry
Polygon
cssshapes
使用 CSS 将圆分段
我知道你可以使用 border radius hack 在 CSS 中画一个圆圈 但是有什么办法可以让他们有像这张图这样的片段吗 有没有办法通过 HTML 和 CSS 而不是 JS 来做到这一点 是的 您可以使用以下两种方法之一获得此类自定
html
css
cssshapes
使用CSS将div的底部弯曲到内部
我想用 CSS 弯曲这个矩形 div 背景的底边 所以结果是这样的 Does someone have an idea perhaps how it could be achieved curved margin 0 auto height
html
css
cssshapes
如何只显示角边框?
我想知道是否可以在 CSS 中制作边框 但仅限于角 像这样的事情 CONTENT 您可以使用多个线性渐变作为背景图像来实现这一点 div width 100px height 100px background linea
css
Border
cssshapes
如何使用 HTML 和 CSS 创建完全灵活的钢琴键盘
我正在尝试创建一个钢琴键盘 该键盘将使用弹性框保持其元素比例 但一旦我开始更改窗口大小 似乎无法使黑色音符保持相同的宽度或高度 这里有一个fiddle body width 800px height 200px display flex k
css
html
flexbox
cssshapes
piano
带渐变填充的圆形箭头形状
对于我的在线游戏 UI 我决定制作爬坡赛车 Android 游戏 的按钮 这就是我目前所拥有的 body color white font family Impact fantasy font size 40px line height 1
html
css
cssshapes
lineargradients
从div中切出透明半圆
我想仅使用 CSS3 制作一个透明的切出半圆形形状 唯一的要求是所有元素形成形状必须是黑色或透明 I 不能使用带有白色圆圈的黑色矩形在它上面 因为半圆必须是透明的并且让背景显示出来 所需形状 或许可以用 CSS 来实现 after像这样的伪
html
css
cssshapes
带边框的方形 div。只显示角点[重复]
这个问题在这里已经有答案了 我有一个在我的网站上使用的播放器 我想更改播放按钮的外观 我想用虚线边框来做到这一点 然后增加破折号之间的空间 那行不通 我无法使用图像 有没有CSS 3 解决方案 我希望它看起来像这样 这真的都是关于角落的 更
html
css
cssshapes
CSS 圆圈没有宽度或高度? : 这可以用纯 CSS 实现吗?
我可以将 div 变成一个圆圈 如下所示 circle background color rgba 0 0139 0139 0 5 height 200px width 200px moz border radius 50 webkit b
jQuery
css
geometry
cssshapes
«
1 ...
4
5
6
7
8
9
10
»