手机版
热门标签
站点地图
我要投稿
广告合作
联系我们
搜 索
广告位招租
广告位招租
切换导航
首页
人工智能
编程教程
编程导航
编程百科
编程问答
编程博文
编程实例
硬件设备
网络运营
软件教程
移动数码
办公软件
操作系统
网络运维
技术频道
▸ 编程语言
▸ 前端开发
▸ 移动开发
▸ 开发工具
▸ 程序设计
▸ 行业应用
▸ CMS系统
▸ 服务器
▸ 数据库
公众号推荐
微信公众号搜
"智元新知"
关注
微信扫一扫可直接关注哦!
css-shapes
css-shapes专题提供css-shapes的最新资讯内容,帮你更好的了解css-shapes。
如何在CSS3或SVG或HTML(5)中创建带有文本的形状?
我需要创建一个 HTML页面,如下图所示. 我不知道如何创建包含文本的可点击表单. 文本不应该是图像,也不应超过其区域(如溢出:隐藏) 我在HTML中尝试了区域和地图,但是无法将文本放入其中. 请问怎么做? 编辑: 在阅读了Phrogz的答案之后,我尝试了SVG的其他内容,但我的文字不在我的三角形中?我不明白为什么. 演示(在底部检查): http://jsfiddle.net/r7Jyy/3/
作者:佚名 时间:2019-05-08
如何用css制作圆形标签?
我想知道是否可以使用CSS存档以下效果 我发现这些文章有点帮助,但问题是在我的情况下标签边是对角线而不是直线垂直线: http://css-tricks.com/tabs-with-round-out-borders/ http://css-tricks.com/better-tabs-with-round-out-borders/ 有可能吗? 这是纯CSS的概念验证示例.它使用伪元素和旋转.它与
作者:佚名 时间:2019-05-08
CSS垂直对齐圆心中心
我试图在锚点垂直中心文本.我使用了行高并且它可以工作,但是当文本换行时,第二行中的文本获得行高…我怎样才能将文本置于锚中心而不会失败? http://jsfiddle.net/y2UYX/1/ – 点击圆圈以显示其他圆圈,您将看到我的意思. 我想尽可能多地支持浏览器.如果您添加额外的属性以支持更多浏览器,请通过添加注释说明哪个浏览器的哪一行. 非常感谢你! 您可以使用display:table属性
作者:佚名 时间:2019-05-07
在css中创建类似边框效果的Droplet
我在Photoshop中创建了这个边框设计,并想知道是否有人可以给我一些如何使用css重新创建它的指导. 使用 CSS3创建这样的效果肯定是可能的,但你需要的不仅仅是边框. 在下面的示例中,我使用了具有径向渐变背景的伪元素来模仿所示的边框效果.根据哪个边应该有边框,您可以调整伪元素的位置以实现效果. 答案中提供的示例对顶部边框有效.如果您想要它用于底部边框,您可以参考this样本.对于左/右边界也
作者:佚名 时间:2019-05-06
使用渐变背景在css中创建三角形
我试图用渐变背景在css中创建一个三角形.我还没有取得任何成功.有没有办法做到这一点,以实现下图中所见的效果. (附加到错误密码错误框的三角形.) 在Photoshop中设计 这是我到目前为止在HTML和CSS中的设计. 这是我目前对三角形的css. .error-triangle { wwidth: 0; height: 0; border-top: 10px so
作者:佚名 时间:2019-05-06
用CSS或SVG画半圈
我正在寻找一种使用CSS或SVG绘制圆圈底部的方法.我已经看过 this answer了,但它处理的是一个完美的半圈,而我需要一个额外的段来切断它使它不到一半.使用纯CSS可能无法实现,但SVG的答案对我来说很难修改. <svg class="pie"> <circle cx="115" cy="115" r="110"></circle> <path d="M115,115 L115,5
作者:佚名 时间:2019-05-06
css – 在偏斜的div上创建局部框阴影
我正在尝试在偏斜的div上创建一个部分阴影,就像我可以得到这个创意一样. 现在我一直在试图用伪元素(特别是之前)这样做,但是我发现这些元素在我歪斜它们被应用的元素时表现得很奇怪.即使z-index设置为-1,伪元素也不会显示在div的顶部.无论我用z-index做什么,它都会保持在顶部.我想要它在适用于它的div后面,在下面的div前面,就像在创意中一样. 这是我的::前面的代码和一个链接到cod
作者:佚名 时间:2019-05-05
对角线楔形CSS – 边缘到边缘以浏览器为中心
我一直试图在CSS中形成这个形状. 理想情况下,它将跨越浏览器窗口的整个长度,并且可能延伸到视野外,以支持较大的屏幕,并且还可以居中使角度不变. 任何人都有解决方案 我也认为我可能会遇到角度混乱的问题. 我可能需要诉诸使用图像.想要使用CSS. **图像拼写错误. (无限期地不可避免) 不需要 CSS3支持的解决方案: jsfiddle演示 HTML <div class="shape">
作者:佚名 时间:2019-05-03
在CSS中绘制斜线
我想做什么LOOKS简单,但我似乎无法弄清楚如何做到这一点. 正如你在图像中看到的那样,有几条红线穿过底部,然后向右弯曲,靠近右边. CSS有没有办法画一条这样的行? 您可以通过使用偏斜变换(transform:skew(Xdeg))在CSS中创建有角度的线.以下是一个示例代码段: .shape { height: 50px; width: 200px; border-bottom:
作者:佚名 时间:2019-05-02
使用CSS绘制角度/平行四边形
需要绘制菜单的棱角 内容可能是一些标签或链接. 如何使用 CSS3 transform skew? Demo .shape { width: 200px; height: 50px; -webkit-transform: skew(30deg); -moz-transform: skew(30deg); transform: skew(30deg)
作者:佚名 时间:2019-04-28
如何在我的剪辑路径中添加边框:polygon(); CSS样式
我想知道是否可以在我的剪辑路径中添加边框:polygon();风格或任何其他方式添加边框? 喜欢:border:5px solid red; CSS .poligon { display: inline-block; position:relative; width:150px; height:150px; background: black; box-sizing:bor
作者:佚名 时间:2019-04-26
CSS高级形状(从背景中切出)
基本上,我想在CSS中创建一个形状,只有一个形状与心脏形状相反.我不知道如何正确解释,所以这里是一个形象: 蓝色是背景,你可以看到,但我想要创造的形状不是一颗心,它是黑色矩形的形状. 如果我有以下形状(灰色不是黑色) 我可以复制它,然后旋转它,这将给我我正在寻找的形状. 使用盒子阴影切出心形 让我们创造一个 – 蓝色是背景颜色< body> 碎片 随意跳过这个答案底部的完整演示:) 1 – 圆角
作者:佚名 时间:2019-04-26
如何使用CSS3创建reuleaux三角形
我需要一个帮助,使用 CSS3制作reuleaux三角形形状,如下图所示.形状周围有白色边框.这怎么可能? CSS不是创建此类形状的正确工具,即使它们可以使用它创建.它们将需要多个真实/伪元素,变换等,甚至曲线的维护,它们的半径等都非常棘手.当您需要它们周围的边框或必须在其中放置图像或渐变时,它会变得更加复杂. 用于创建此类形状的最佳和推荐工具是SVG,因为它们具有以下优点: > SVG本质上是可
作者:佚名 时间:2019-04-25
jquery – CSS – 只显示角边框
我想知道是否可能在CSS或Jquery做一个边框,但只是为角。这样的东西: **** **** * * * * CONTENT * * *
作者:佚名 时间:2019-11-20
jquery – 分割背景图像与3D厚度效果
我想分割背景图像。例如像这样的原始图像 我想要这样的效果: 这是我的代码 <style> div{ -webkit-transform: skewY(175deg); padding: 10px; margin: 10px; border: 10px; background-image: url(Chrysanthemum.jpg); w
作者:佚名 时间:2019-11-26
jquery – 创建一个具有24或以上点突发的“新”尖刻标签
我正在尝试点击下面的图像: 目前,我已经尝试过使用伪元素,但是,我只能生成一个12点突发,并不反映在图像中显示哪一个。 有没有创造一个点爆裂只有几个元素? 以下是我用来尝试这个解决方案的代码: div{ width:100px; height:100px; background:grey; transform:rotate(45deg); margin:50
作者:佚名 时间:2020-03-23
jquery – Css arrow进度条
我目前正在学习所有关于CSS的知识,所以我试图生成具有不同功能的不同形状. 我目前正在开发一个项目,该项目需要一个水平箭头来显示正在发生的交易的“进度”. 所以我试图生成一个箭头’进度条’,如: |\ | \ +----------------+ \ |XX| 10% > +----------------+ / \
作者:佚名 时间:2020-03-29
jquery – 使用CSS创建响应三角形
我当前试图在CSS中为响应式站点创建三角形,并且无法在stackoverflow上找到一个好例子,所以这就是我如何做到的. 使角度形状响应有点棘手,因为你不能在CSS中使用百分比作为边界值,所以我编写了几个函数来计算页面宽度并相应地调整三角形的大小.第一个计算加载页面时的大小,第二个重新计算页面宽度更改时的大小. CSS: .triangle { width: 0; height:
作者:佚名 时间:2020-04-16
jquery – 使用html和css创建动态Tank level / meter
我目前在项目中创建“储罐计量系统”时遇到了问题.我正在使用MVC并使用以下标记,我已经实现了这个: 通过使用: #container { position:absolute; margin:0; margin-top:-50px; width:100%; padding:0; -moz-perspective: 1000px; /*r
作者:佚名 时间:2020-04-21
jquery – 没有宽度或高度的CSS圈子?是否可以使用纯CSS?
我可以把div变成一个这样的圈子: .circle { background-color: rgba(0, 0139, 0139, 0.5); height: 200px; width: 200px; -moz-border-radius:50%; -webkit-border-radius: 50%; border-radius:50%; } <div class="circle"
作者:佚名 时间:2019-05-07
上一页
6
7
8
9
10
11
12
13
14
下一页
小编推荐
苹果市值2025年有望达4万亿美元
• Redmi Note 14系列卖爆 女性用户增多 1
• 腾讯:不再公开显示职级!不希望被官僚
• 三只羊“财色录音”是假的!但背后技术
• 视频美颜SDK与直播美颜工具API的架构设
• 淘宝已接入微信支付!官方确认:京东双
• 品控差!iPhone16首批现划痕、掉漆、摄
• DXO公布iPhone 16 Pro Max影像成绩:最
热门标签
更多
python
JavaScript
java
HTML
PHP
reactjs
C#
Android
CSS
Node.js
sql
r
python-3.x
MysqL
jQuery
c++
pandas
Flutter
angular
IOS
django
linux
swift
typescript
路由器
JSON
路由器设置
无线路由器
h3c
华三
华三路由器设置
华三路由器
电脑软件教程
arrays
docker
软件图文教程
C
vue.js
laravel
spring-boot