腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(488)
视频
沙龙
2
回答
如何将
阴影
添加到
用
css
``
clip
path
`
制作
的
三角形
?
css
、
clip-path
我已经创建了一个带有
css
clip
-
path
属性
的
三角形
,里面的内容很少。.triangle { -webkit-
clip
-
path
: polygon(50% 10%, 0% 100%, 100% 100%);
浏览 56
提问于2019-06-17
得票数 1
回答已采纳
1
回答
如何在Javascript中
制作
可伸缩
的
聊天泡泡?
javascript
、
html
、
css
、
html5-canvas
我想在Javascript中
制作
可伸缩
的
泡泡聊天形状。它应该以渐变颜色作为背景,并在形状周围添加边框。结果会是这样
的
:圆形部分可伸展,
三角形
将保持在中等大小。我尝试过以下方法:
CSS
clip
-
path
.问题是我没能用基本
的
形状画出这种形状。不幸
的</e
浏览 5
提问于2021-10-15
得票数 0
回答已采纳
1
回答
需要帮助优化jQuery函数(悬停效果)
jquery
、
html
、
css
、
optimization
、
hover
我
用
jQuery
制作
了一个自定义
的
悬停效果。但它并不总是运行得那么顺畅。我想经常在多个按钮和div上使用它,我不是jQuery
的
专家,所以我认为这个代码可以更高效,更整洁。它所做
的
是创建两个div,这两个div被
CSS
(剪辑路径)转换成半个正方形(
三角形
)。这两个
三角形
获取您悬停
的
元素
的
outerWidth()和outherHeight()。
三角形
位于悬停元素
的
外部,以便它们可以
浏览 3
提问于2015-12-03
得票数 1
1
回答
火狐剪辑-路径+框影错误
css
、
svg
、
firefox
、
clip-path
我使用
clip
-
path
属性来
制作
不规则形状
的
元素,如下所示:#triangle {
clip
-
path
: url(#shape);,其中一个元素也应用了box-shadow:#triangle {
clip
-
path
: url(#shape); height,因为
clip
-
path
浏览 0
提问于2021-01-03
得票数 0
回答已采纳
3
回答
如何使用
css
制作
这个顶部边框?
html
、
css
我想知道如何在
css
中设置这个顶部边框,以及它是如何被调用
的
,因为我不知道。 我试着处理: and和::after,但是它看起来不太好。
浏览 5
提问于2021-12-17
得票数 0
回答已采纳
1
回答
如何创建包含文本
的
几何形状
的
内部
阴影
?
html
、
css
有没有一种方法可以
用
CSS
为几何形状创建内部
阴影
,里面有文本?如果形状由一个div和一个
三角形
组成-我可以只为div设置内部
阴影
。但是,即使我可以为
三角形
设置
阴影
,它们之间
的
边界也会变得可见。d=&qu
浏览 1
提问于2016-08-21
得票数 0
3
回答
用
css
绘制3个
三角形
css
我正在努力使上面的设计在
CSS
。我试着
用
剪贴画使
三角形
在中间,但然后蓝色和绿色
的
三角形
是看不到
的
。我如何使这一宽度
的
屏幕和响应也?这些是
三角形
的
剪辑路径:.centerTriangle { background-color: red;
cli
浏览 2
提问于2022-08-29
得票数 2
回答已采纳
1
回答
CSS
/SCSS六边形圆角,透明,有内嵌
阴影
html
、
css
、
angular
、
typescript
、
sass
我一直试图复制设计使用HTML和
CSS
/SCSS
的
角度。它可以在这里找到: </div> </ng-container>
浏览 4
提问于2022-05-09
得票数 0
5
回答
如何
制作
三角形
对焦?
css
、
css-shapes
我需要在按钮上做一个
三角形
的
焦点,就像在这张图片上我看了不同
的
例子,比如,但是焦点区域是矩形
的
。 是否有可能使
三角形
焦点?
浏览 9
提问于2016-04-15
得票数 0
回答已采纳
1
回答
在Safari中加载
CSS
clip
-
path
失败
css
、
safari
、
mobile-safari
、
transitions
、
clip-path
我一直在使用
CSS
的
clip
-
path
属性,并用这支笔
制作
了一个动画标识:。该代码绘制了许多div,并根据我生成
的
一些
三角形
动态地将
clip
-
path
应用于它们。打开检查器后,我可以取消选中
clip
-
path
属性,然后重新选中它-路径如预期
的
那样可见。谢谢。
浏览 5
提问于2015-06-22
得票数 1
3
回答
我可以
用
CSS
创建这个吗?如果是这样的话,是怎么做
的
?
css
这种设计在
CSS
中是可能
的
吗?如果是这样的话,我应该如何建设它呢?请注意,白色是设计
的
“底部”部分,它覆盖在图像
的
顶部。
浏览 7
提问于2014-02-04
得票数 1
回答已采纳
1
回答
将整个页面拆分为div
三角形
和形状,并将文本放入其中
html
、
css
我正在
制作
一个网站,我需要将页面拆分为3个或更多
的
“
三角形
”,并在他们
的
信息居中。我已经尝试过了: https://codepen.io/anon/pen/YBZOoy
CSS
: * { padding: 0;} -webkit-
clip
-
path
: polygon(80% 0, 100% 0, 100% 100%, 20% 100
浏览 14
提问于2019-02-01
得票数 0
1
回答
用
伪元素创建
的
形状(
三角形
)
的
阴影
css
我在
CSS
中使用:after和:before创建了一个形状。我
用
:before创建了一个
三角形
,我想给出整个形状
的
阴影
效果。但是
三角形
是通过使用透明度来创建
的
。通常,它是一个矩形,但由于透明度,它变成了一个
三角形
,所以当我试图添加
阴影
时,
阴影
将被
添加到
矩形中。 在这把小提琴里,div a是我创造
的
形状。
浏览 2
提问于2014-04-11
得票数 0
回答已采纳
3
回答
使用另一个div剪辑div内
的
内容
html
、
css
下面是示例:怎么可能做到这一点? 任何帮助都将不胜感激。
浏览 3
提问于2014-12-24
得票数 2
1
回答
像这样
的
线影,可能吗?(Highcharts.js)
javascript
、
highcharts
我需要得到这个图表,,我有一个线
阴影
的
问题。我试着使用linerGradient,但是我没有得到我需要
的
东西...请帮帮我。也许有人知道创建这样一个图表
的
另一种解决方案。附言:我也试过Chart.js var myChart = Highcharts.chart('highchart', { type
浏览 0
提问于2017-11-17
得票数 0
2
回答
带
阴影
的
css
3箭头
html
、
css
嘿,目前我有这个
css
来产生一个
css
箭头,但是我似乎没有任何想法。
浏览 2
提问于2014-01-10
得票数 1
回答已采纳
3
回答
是否可以使用
CSS
从div中删除一个
三角形
部分?
css
是否有可能从<div>中剪出一个
三角形
,如下图所示? 背景实际上不仅仅是颜色,但在我
的
例子中是一幅模糊
的
图片,所以我不能简单地
用
棕色
三角形
图像覆盖绿色
的
<div>。还有其他
CSS
方法来达到这个效果吗?
浏览 1
提问于2013-10-06
得票数 17
回答已采纳
2
回答
纯HTML/
CSS
在按钮下创建
三角形
指针
html
、
css
目前我有一个div,看起来像这样:我需要编辑HTML/
CSS
,以便它像这样显示,下面有一个小
三角形
。理想情况下,我想做这件事使用纯HTML和
CSS
,没有图像文件。根据
的
说法,这是可以做到
的
。 <li><a href="reports/index.html"><div class="triangle"><
浏览 0
提问于2013-08-13
得票数 17
回答已采纳
1
回答
如何使用纯
css
和html将
三角形
作为指针
添加到
html元素中
html
、
css
我正在尝试使用html和
css
制作
工具提示。工具提示将是一个矩形,在左侧或右侧都有一个
三角形
。下面是一个可视化
的
例子(我不关心颜色或
阴影
,只是
三角形
出现了)。 #triangle-left { height: 0; border-bottom: 50px solid
浏览 2
提问于2019-12-30
得票数 0
回答已采纳
2
回答
我想创建
三角形
与方框
阴影
使用
css
的
标题
html
、
css
、
responsive-design
我试过了,但没有得到那个
三角形
的
长方体
阴影
。我还添加了额外
的
div,并尝试使用旋转属性,但没有得到正确
的
解决方案。 height: 190px; top: 0; z-index: 0;
clip
-
path</
浏览 13
提问于2020-03-12
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS3 clip-path 用法介绍
CSS文字特效-裂开吧
深度盘点:20个常用的CSS技巧
10个实现炫酷UI设计效果的CSS生成工具
70多个非常实用的CSS小技巧
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券