手机版
热门标签
站点地图
我要投稿
广告合作
联系我们
搜 索
广告位招租
广告位招租
切换导航
首页
人工智能
编程教程
编程导航
编程百科
编程问答
编程博文
编程实例
硬件设备
网络运营
软件教程
移动数码
办公软件
操作系统
网络运维
技术频道
▸ 编程语言
▸ 前端开发
▸ 移动开发
▸ 开发工具
▸ 程序设计
▸ 行业应用
▸ CMS系统
▸ 服务器
▸ 数据库
公众号推荐
微信公众号搜
"智元新知"
关注
微信扫一扫可直接关注哦!
css-shapes
css-shapes专题提供css-shapes的最新资讯内容,帮你更好的了解css-shapes。
css – 如何创建这个特定的形状?
在 CSS3中创建这种特定形状/形状组合是否比我目前正在做的更简单或更好的方法?我已经尝试了一些不同的东西. 向下的三角形应该位于三条线的正下方,但我似乎无法在那里找到它. 我希望它看起来像这样: https://jsfiddle.net/s6bcjzjr/ .triangle-container { top: 0; width: 30px; height: 40px; posit
作者:佚名 时间:2019-08-12
jquery – 从div切出的CSS椭圆形状
上面的图像是我想要创建的但是在椭圆形状上有一些困难.一个解释: >菜单栏是一个带有轻微线性渐变的div(深灰色到透明浅灰色) >公司徽标图像有一个透明的bg,位于菜单栏的“ontop”上 >椭圆形切口需要与徽标的椭圆形相匹配,并且两者之间有透明的间隙,以显示背景颜色(每页都有变化,橙色只是一个例子) 我已经尝试过多次使用径向渐变 – 我能够得到一个圆形切出但无法弄清楚如何使其成为椭圆形,然后无法使
作者:佚名 时间:2019-07-20
jquery – 3D圆柱体在小值上失去完整性
前一段时间我问了 this question,但从那以后我才知道这不是解决这个问题的好方法,所以我重写了我的整个设计: 我目前有一个圆柱体,我将用它来生成“罐子里有多少液体”的三维可视化.它将从数据库中获得其百分比值. 我目前有以下标记: $(document).ready(function () { var t = (parseInt($('#number').val()));
作者:佚名 时间:2019-07-20
html – 连接圆角正方形
如何创建div标志,如下图所示: 这是我在JsFiddle创造的 主要问题是如何连接两个形状如下图所示的两个盒子,有人可以建议吗? body,html { width: 100%; height: 100%; margin: 0; } body { background-color: #efefef; } .wrapper { height: 40px; width: 40
作者:佚名 时间:2019-11-07
html – 一个Div的偏僻边界
我试图扭曲一个div,类似于: Slant the top of a div using css without skewing text 或者: http://tympanus.net/codrops/2011/12/21/slopy-elements-with-css3/ 这是我想要做的一个形象: 基本上,我需要在所有四方面以奇怪的方式倾斜边界。我可以用背景图像来做到这一点,但是我更喜欢某些方
作者:佚名 时间:2019-11-15
html – 如何用CSS3制作弧形?
我试图实现以下的外观,用纯CSS: 其中每个白色弧是不同的元素,说跨度。我知道我们可以用css做圆形,但是怎么能变成弧形呢? 使用以下HTML: <div id="arcs"> <div> <div> <div> <div></div> </div> </div> </d
作者:佚名 时间:2019-11-20
html – 45度角盒子阴影 – 只使用CSS
我需要使用CSS重新创建以下设计: 您在图片中看到的是网站容器的顶部 – “链接”是主菜单的一部分。 就这样,我创建了容器,但是我不知道如何在不使用图像的情况下使导航器倾斜。 为了记录:我宁愿不使用图像,因为浏览器渲染的盒子阴影与盒子阴影的匹配机会很小,特别是当涉及到多个浏览器时。 我正在沿着一个具有白色背景和盒子阴影的定位和旋转的div的线条思考,但是我还没有能够构建它。 有任何想法吗?
作者:佚名 时间:2019-11-25
html – 覆盖另一图像的底部三角形图像
创建箭头 at the bottom of image很简单。 但是这可能是这样的,其中第二个图像不是背景,而是第一个图像之后的另一个图像: 我在codepen.io创建了“钢笔” .wrap { position: relative; overflow: hidden; width: 70%; height: 200px; margin: 0 auto; } .wrap im
作者:佚名 时间:2019-11-27
html – 如何创建一个带有边框边界的圈子
我正在努力制作一个像 this这样的圈子,我可以在小提琴中做到这一点,但问题是我需要每一个橙色的一面都是一个链接,我不能用边框做。如果有人可以帮助我,我将非常感激。 #circle { width: 200px; height: 200px; border-radius: 50%; background: green; } #incircle { width: 100px;
作者:佚名 时间:2019-11-29
html – 如何在css中创建一个球体?
我试图用纯粹的css创建一个3D球体,但我无法生成所需的形状.我见过 cylinder,但我找不到创建实际球体的任何参考. 我目前的代码如下: .red { background-color: red; } .green { background-color: green; } .blue { background-color: blue; } .yellow { backgrou
作者:佚名 时间:2019-12-06
html – 带背景图片的CSS三角形[复制]
参见英文答案 > How do CSS triangles work? 18个 > Creating a transparent arrow above image in CSS3 2个 尊敬的stackoverflowers, 如何使
作者:佚名 时间:2019-12-09
HTML – 如何在纯css导航栏上获得三角形悬停效果?
当用户将鼠标悬停在不同的标签上时,我希望在文本下面有一个小三角形.这是我正在使用的一些代码. css navbar 我想这可能就是你要找的东西: Fiddle 另外,请使用语义标记: >如果您使用HTML5将导航包裹在< nav>中标签.>您的链接(如果它们确实是链接)应该是< a>元素.>对于您所拥有的链接列表,建议使用列表(< ul>&< li>).
作者:佚名 时间:2019-12-11
html – 为4个边框中的每个边框创建边框渐变
我想为每个边框创建相同的线性渐变. 5种颜色的边框渐变从 transparent to white to black to white to transparent 那样我就有了透明的角落. 如何为所有4个边框执行此操作? 是否可以为边界指定线性渐变? 旁注:它应该在没有太多努力的IE9上运行,否则IE10:P 如何使用径向渐变?虽然这只是一个模拟,但您可以看到基本效果. .outer { v
作者:佚名 时间:2019-12-16
html – 使用CSS或SVG创建Tab形状
有没有人知道如何使这个选项卡像形状: 以下是使用CSS3变换实现所需形状的替代方法.与SVG答案一样,当背景(形状后面)不是纯色时,也可以使用此方法. 该片段有两个样本 >一个使用变换:skew(45deg)和overflow:隐藏在父级上以隐藏左侧的倾斜区域. >其他使用带有一点透视的rotateX变换来产生倾斜/倾斜的边.变换原点设置意味着只有一侧成角度. div.a { position
作者:佚名 时间:2019-12-16
html – 具有渐变响应的背景
我有以下代码:( Fiddle) body { background-color: red; } #grad1 { height: 100px; width: 100%; background: linear-gradient(521deg, rgba(138, 138, 138, 0) 50%, rgba(138, 138, 138, 0) 31.9%, #fff 0.1%, #
作者:佚名 时间:2019-12-18
html – 输入带有半高的边框
我需要创建一个带有底部边框的输入文本框,侧边框应该跨越左右两侧输入的高度的一半. 有一种简单的方法可以在CSS中设计它吗? 图片如下所示: 也许这可能是一个优雅的解决方案. 如果您使用背景,那么您可以非常精确地指定它的位置,并且它可以提高可读性. input[type="text"] { padding: 10px; background: linear-gradient(#000, #
作者:佚名 时间:2019-12-18
html – CSS:在纯CSS箭头上创建边框
我有这段代码: .multiply-button { display: table; background: rgba(0, 0, 0, 0); border: none; color: white; padding: 0; } .multiply-button-content { display: table-cell; background: green; pa
作者:佚名 时间:2019-12-18
html – 使用CSS在导航栏中显示边框三角形
我正在尝试创建一个带有箭头的导航栏,该项目位于项目上方.这是我想要做的: 对于箭头,我使用了之前和之后的伪元素.以下是一些代码: body { background: #FFFFFF; color: #FFFFFF; margin: 0px; padding: 0px; height: 100%; } .clear { clear: both; } .page-wrap {
作者:佚名 时间:2019-12-19
html – 如何将’div’塑造为CSS的标志
我想在网站上的一些元素上添加一个标签,并设计一个标签,标签底部是倒V形切口. 到目前为止我有这个: HTML <div class="css-shapes"></div> CSS .css-shapes{ border-left: 99px solid #f00fff; border-right: 99px solid #f00fff; border-bottom: 39p
作者:佚名 时间:2019-12-19
html – 使用CSS3对角切割图像
如何使用CSS3对角切割部分图像或容器? 需要切除的部分具有三角形的形状 更具体地说:如果上面的图片是图像,则应该剪切蓝色部分,而不是黄色 HTML应该是: <figure> <img src="img_pulpit.jpg" alt="The Pulpit Rock"> </figure> 要么: <div class="container"> content </div> 我自己的调查有
作者:佚名 时间:2019-12-19
上一页
1
2
3
4
5
6
7
8
下一页
小编推荐
苹果市值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