手机版
热门标签
站点地图
我要投稿
广告合作
联系我们
搜 索
广告位招租
广告位招租
切换导航
首页
人工智能
编程教程
编程导航
编程百科
编程问答
编程博文
编程实例
硬件设备
网络运营
软件教程
移动数码
办公软件
操作系统
网络运维
技术频道
▸ 编程语言
▸ 前端开发
▸ 移动开发
▸ 开发工具
▸ 程序设计
▸ 行业应用
▸ CMS系统
▸ 服务器
▸ 数据库
公众号推荐
微信公众号搜
"智元新知"
关注
微信扫一扫可直接关注哦!
css-shapes
css-shapes专题提供css-shapes的最新资讯内容,帮你更好的了解css-shapes。
使用CSS创建对角线/剖面/边框
我试图在网页上创建一条对角线,作为一个节/节休息.这基本上是一个分色部分.我不能使用图像,就像页面放大,图像将像素化.所以我需要能够直接在div的底部画一条对角线,如下图所示. 我尝试过使用边框,但是我不能让实际的休息时间在中间,而不是右边或左边. 有没有办法在CSS中绘制对角线?正如您所看到的,我需要创建一个90px高的div,并在该div中具有分割/对角线.然后我可以看看添加图像,但主要问题是
作者:佚名 时间:2019-07-21
如何使用CSS绘制一个不完整的圆圈,并在其中如何放置图片?
如何使用CSS和图像创建一个带有切口的圆圈?我想要的一个例子如下所示.需要一个crossbrowser解决方案,并且css不是html. 您可以通过使用伪元素创建圆,然后使用overflow:hidden来倾斜容器来完成此操作. 子伪元素反向倾斜,使其看起来好像根本没有倾斜. .shape { position: relative; height: 100px; width: 120p
作者:佚名 时间:2019-07-14
是否可以在CSS(开环形状)中绘制部分圆形轮廓?
我有兴趣在CSS中创建一个加载微调器,但为了做到这一点,我需要能够像这样绘制一个开环形状: 环会围绕圆周绘制自己.这在CSS中是否可以实现? 要创建逐渐绘制其外部路径的圆,请使用SVG. SVG的stroke-dasharray属性会将任何路径转换为虚线,您可以通过将虚线大小设置为与路径本身一样长的方式来利用它. 然后使用CSS动画逐渐更改stroke-dashoffset以围绕圆周边移动短划线.
作者:佚名 时间:2019-07-13
css3 – 带有CSS的框之前和之后的箭头
我试图在一个盒子里创建两个箭头,一个作为指针,另一个在后面的盒子中. 找不到让箭头落后的方法. 有人可以帮帮我吗? 在这里,我发布了样本的链接:http://jsfiddle.net/7Esu2/ CSS: .arrow { width:210px; height:40px; background-color:#CBCBCB; border: 1px solid #
作者:佚名 时间:2019-07-13
css – 带有一个圆角的三角形
我想只为三角形制作一个圆角,但我无法制作它. 这是我的 code: .arrow-left { width: 0; height: 0; border-top: 80px solid transparent; border-bottom: 80px solid transparent; border-right: 80px solid blue; } <div class="a
作者:佚名 时间:2019-07-09
css – 如何仅在父元素中使用skew?
有没有办法只在父元素中使用偏斜? 我需要创建一个类似“钻石”的东西作为面具,并且子元素不会受到影响.在这种情况下,没有办法使用png作为掩码. 提前致谢! 这真的很容易,你只需要为孩子们解开它. Unskew意味着应用另一个倾斜变换,但这次是相反的角度. .parent { transform: skewX(45deg); } .parent > * { transform: skew(-45
作者:佚名 时间:2019-07-09
使用CSS在div的两侧添加箭头?
我想在div的左侧和右侧有一个箭头.像这里,但双方: http://cssarrowplease.com/ 那可能吗? 在.arrow中添加一个额外的div,在其上添加:before和:after伪类. (注意:由于额外的边框,额外的div是必要的.边框是通过创建两个重叠的div来创建的:before和:after) .arrow_box { position: relative;
作者:佚名 时间:2019-07-09
css – 具有三种不同边框颜色的圆圈
我有一个带有一种边框颜色的圆圈的CSS: .circle { border: 6px solid #ffd511; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; width: 30px; height: 18p
作者:佚名 时间:2019-07-09
css – 带有透明切割圆圈的Div [复制]
参见英文答案 > Transparent half circle cut out of a div 7个 我可以使用CSS制作带有半切圆的rectagle div吗?半圆应该是透明的,让背景显示出来. 想要的CSS形状: HTML: <div></div> CSS: div{ background : #448CCB;
作者:佚名 时间:2019-07-08
css – 带有两个边框的圆
如何以一个圆圈(一个div)作为响应式,以便对容器的尺寸做出反应? 假设这样的圈子例如: 这是一个循环的工作CSS: div.circle { width: 90%; height: 0; padding-bottom: 90%; margin: auto; float: none; border-radius: 50%; border: 1px solid green
作者:佚名 时间:2019-07-08
如何用css创建流体梯形图像?
我正在一个使用视差效应的网站上工作.因为有一些三角形的图像,像这样 &安培;图像是透明的,因为它与上面的DIV重叠.我正在尝试这么多东西与css.但没有得到预期的结果.我实现了固定宽度的期望结果.检查这个http://jsfiddle.net/eJ7Sf/2/,但不能使用流体宽度.检查我仍然尝试,但没有工作 http://jsfiddle.net/ceGGN/3/ http://jsfiddle.
作者:佚名 时间:2019-07-06
css – 透明半圆切出一个div
我想使用CSS3做透明的半圆形.唯一的要求是形成形状的所有元素必须是黑色或透明的. 我不能使用黑色矩形,其上有一个白色圆圈,因为半圆必须是透明的,让背景显示出来. 所需形状: 可能可以用CSS:在这样的伪属性之后: .rect { height: 100px; width: 100px; background:rgba(0,0,0,0.5); position:re
作者:佚名 时间:2019-07-05
css – 具有三角形的工具提示
参见英文答案 > Speech bubble with arrow 2 我为这个问题创造了一个 jsFiddle. a.tip { position: relative; } a.tip span { display: none; position: absolute; top: -5px;
作者:佚名 时间:2019-07-02
CSS3变形倾斜一面
是否可以创建“CSS3变形倾斜一面” 我找到一个解决方案,但对我来说没有用,因为我需要使用图像进行背景(不是颜色) #skewOneSide { border-bottom: 40px solid #FF0000; border-left: 50px solid rgba(0, 0, 0, 0); height: 0; line-height: 40px;
作者:佚名 时间:2019-07-02
如何使用css使这样的角度选项卡?
我需要这样做.是否可以用纯CSS? 使用border-radius,before和transform:skew(…); body { background-color: #000; margin: 0; padding: 0; font-family: sans-serif; font-size: 16px; } .tab { height: 50px; width:
作者:佚名 时间:2019-06-26
css3和html5如何使不规则形状的div?
我想知道是否有可能建立不规则形状的div,类似的东西(例如格陵兰,欧洲,非洲).我想使用 CSS3和 HTML5创建这样的地图. 这是链接到示例图像: 元素一直是矩形的.尽管如此,您也可以通过在矩形分割中绘制CSS形状并排列不同的分割(使用z-index等)来模拟其他形状.这将有助于您: http://css-tricks.com/examples/ShapesOfCSS/
作者:佚名 时间:2019-06-21
在CSS中创建甜甜圈形状
参见英文答案 > How do I create a circle or square with just CSS – with a hollow center? 7个 我知道如何创建一个具有边框半径等的CSS圈子,但是我有兴趣在这里创建一个大致像这样一个css的甜甜圈形状. 这将是一个div,但弯曲回到自己, 有任何想法吗??
作者:佚名 时间:2019-06-20
在CSS中创建十字形
这是可能的,我知道以下所有形状都可以在这个链接中: http://css-tricks.com/examples/ShapesOfCSS/ 但是交叉也是可能的.当我说十字架我的意思是这样的: 您可以使用只有伪元素的方式来实现: http://jsbin.com/upiyoc/1/edit #cross { width: 100px; height: 100px; position
作者:佚名 时间:2019-06-17
在CSS3上边框的波(或形状?)
我需要用 CSS3实现波形,我试图用 CSS3形状实现,但是我还没有达到预期的结果. * { margin: 0; padding: 0; } body { background: #007FC1; } .container, .panel { border-bottom: 4px solid #B4CAD8; } .container { background-color:
作者:佚名 时间:2019-06-17
css – 钻石形状与圆角和背景图像
我需要实现这一点: 请注意,容器旋转,但图片不是.. 现在我做了: div.img { position: relative; overflow: hidden; width: 320px; } div.img img { display: block; width: 100% } div.img span { position: absolute; content:
作者:佚名 时间:2019-06-16
上一页
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