Python
Java
PHP
IOS
Android
Nodejs
JavaScript
Html5
Windows
Ubuntu
Linux
底部带有三角形的蒙版图像
我正在尝试找出如何最好地掩盖具有像这样的角度形状的 div 如果在这种情况下顶部 div 将是背景图像 并且两个 div 都是 100 宽度 我看过很多关于如何用圆形遮罩图像的教程 但没有关于如何遮罩红色区域等 div 边框的教程 我知道一
css
mask
cssshapes
clippath
带切边、边框和透明背景的 Div
我一直在试图弄清楚如何在 CSS 中制作一个视觉上看起来像这样的自定义形状 拥有以下财产background rgba 44 44 48 0 9 and border 6px solid rgba 29 30 35 0 9 我的问题是我找不
css
cssshapes
使用 CSS 创建钟形
我正在玩CSS中的形状 想要制作一个传统的钟形 想想圣诞钟声 这是我想要的一般形状 尽管我真的不关心顶部和底部的球 这是我到目前为止所拥有的 http jsfiddle net bhlaird NeBtU http jsfiddle net
css
Shapes
cssshapes
响应式三角形div
我正在尝试创建一个响应式三角形div它将作为标题位于页面顶部 我能够通过以下代码实现这一点 div width 0 height 0 border style solid border width 200px 400px 0 0 borde
css
responsivedesign
cssshapes
html或css中的倾斜对角线?
I want to make a Table like this 是否可以添加一个倾斜的对角边框在表中 基于CSS3 线性渐变 http dev w3 org csswg css images 3 linear gradients解决方案
html
css
Border
cssshapes
如何使用 CSS 创建菱形内的标题?
我想创建一种风格处理 类似于 这样的事情如何运作 使用 CSS 变换 您可以使用两个伪元素和 CSS 旋转变换来创建菱形形状 如下面的代码片段所示 这将使文本不受变换的影响 因此定位它会相对容易 The rotateZ 45deg 产生等边
html
css
cssshapes
使用CSS在矩形上画圈[关闭]
Closed 这个问题需要多问focused help closed questions 目前不接受答案 我想设计一个类似于下图的形状 圆形和矩形之间的效果 我知道圆形是用设计的边界半径类似矩形的形状设计有一些具有风格的无序列表显示 块 但
html
css
cssshapes
如何在CSS中捏住一行的中间
我正在尝试制作一条看起来几乎在末端有衬线的线条 本质上 我想让它在最末端变宽 在中间变细 只需使用 css 这实际上被证明是一个相当大的挑战 任何帮助 将不胜感激 到目前为止 我已经能够了解我想要如何使用 after伪选择器 但顶部没有运气
html
css
cssshapes
非矩形形状(五边形或六边形)内的文本
我想要达到的效果 非常相似的问题 如何将文本环绕在非矩形图像周围 https stackoverflow com questions 9129862 how can i wrap text around a non rectangular
html
css
cssshapes
如何为网页上的文本绘制添加动画效果?
我想要一个网页 其中有一个居中的单词 我希望用动画绘制这个单词 以便页面以与我们相同的方式 写 出该单词 即它从一个点开始 随着时间的推移绘制直线和曲线 以便最终结果是一个字形 我不在乎这是否完成
javascript
css
canvas
html5canvas
cssshapes
如何创建邮票边框?
我希望 div 看起来像这样 但只想使用 CSS 我将如何创建这样的形状 我是否为顶部和底部创建自定义边框 你可以看看这里的代码 它完全符合你的要求 http codepen io orhanveli pen tbGJL http code
css
cssshapes
使用 CSS 扩展边框
我一直在测试使用一些嵌套 div 扩展 投影边框的想法 下面有一个工作示例 基本上 我想要实现的是垂直和水平边框延伸到盒子外面 里面有内容 有点像起草的样子 如果可能的话 我希望它能够完全响应 在我的代码中 我设置了带有负边距的高度 以便获
html
css
Border
cssshapes
复杂的设计模式 - 重叠透明形状?
我正在尝试创建以下形状 我几乎尝试通过以下方式创建此图像 为了使用 HTML 和 CSS 创建此图像 我尝试使用以下代码 left1 float left transform rotate 180deg halfCircleRight1 h
html
css
cssshapes
带有图像背景的 SVG 三角形分隔符
好吧 我正在尝试创建一个 SVG 部分分隔符 它的工作原理是这样的 section section
html
css
SVG
cssshapes
带圆角和锯齿状弧形边框的正方形
我想知道是否可以用纯 CSS 制作一个带有圆角和缩进边框的正方形 目前我有这个 custom square position relative display block width 75px height 75px border 2px
css
SVG
Border
cssshapes
如何在“border-*”属性中使用百分比?
我有使用 Twitter Bootstrap 3 的代码 nav with right arrow 我使用它创建的border 特性 但是如果我在中使用很长的文本right arrow 它不会扩展 如果我使用百分比 代码将无法工作 示例Js
html
css
Border
cssshapes
如何创建波浪形状 CSS?
请参阅下图了解我正在尝试创建的内容 到目前为止 我有以下内容 但它需要更加 频繁 例如增加正弦波或余弦波的频率 wave position relative height 70px width 600px background e0efe3
html
css
cssshapes
在 CSS 中将文本垂直和水平居中在圆圈中(如 iphone 通知徽章)
我正在寻找一种在 CSS3 中制作类似 iphone 的跨浏览器徽章的方法 我显然想使用一个 div 来实现这一点 但其他解决方案也可以 重要的因素是它需要在所有浏览器中水平和垂直居中 关于这些通知的一个有趣的设计问题是它们不能具有指定的宽
css
crossbrowser
geometry
cssshapes
用底部三角形制作div
我一直在努力做白色形状与一个div http sircat net joomla sircat mies 2 png http sircat net joomla sircat mies 2 png 如何获得 div 底部的对角线形状 我有
html
css
geometry
cssshapes
带圆形进度条的倒计时器
我创建了一个倒计时器 我有一个圆形边框 当计时器趋向于零时 圆形边框应随着秒数的减少而改变颜色 我创建了JSFIDDLE https jsfiddle net alaksandarjesus th190c7a HTML div class
javascript
jQuery
css
cssshapes
1
2
3
4
5
6
...9
»