腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
我
可以
在
css
属性
clip-path
:
polygon
中
使用
数学
表达式
吗
?
、
、
100vh;} height: 100vh; background-color: white;} filter: drop-shadow(3px 1px 5px rgba(50, 50, 0, 0.5)); <div
浏览 31
提问于2021-11-18
得票数 0
回答已采纳
1
回答
创建复多边形
、
、
、
、
我
有一个公式来确定一个圆圈的直径,这样,对于任何给定的矩形,圆圈的顶部中心和周长都会接触到矩形的顶部中心和底部角。diameter = width * width / 4 / height + height // width and height of the rectangle 但是,
我
现在需要做的是创建一个类似于下面的形状,
我
知道这个形状
可以
用
clip-path
:
polygon
()来完成,可能通过
使用
eve
浏览 1
提问于2021-08-29
得票数 1
1
回答
如何在React Native
中
覆盖图像上方的文本条
、
、
、
、
我
正在尝试
在
react native
中
的图像视图上叠加一个文本条。你
在
优惠卡上看到的那些。在下面附加一个截图:到目前为止,
我
只做了这样的事情: 但这是非常微不足道的。有没有
可以
做到这一点的库/组件?
我
找遍了也没找到。真的很感谢任何形式的帮助!提前感谢:)
浏览 13
提问于2021-03-09
得票数 0
1
回答
使用
绝对点数代替百分比的svg clipPath
、
、
我
想用clipPath作为
我
想在网页上显示的图像,
我
希望能够用百分比代替
polygon
的绝对点数。
我
尝试将viewBox
属性
添加到svg元素
中
(这里建议
使用
),但是当图像呈现时,看起来仍然
使用
绝对点。41,0" /> </defs></div>
CSS</e
浏览 30
提问于2022-07-05
得票数 2
回答已采纳
2
回答
需要动态调整
Css
形状
、
我
正在做这个项目,
我
被困住了,希望你们能帮我解决问题。现在的: HTML: <div class="col-md-7 col-sm-7 col-xs</p&g
浏览 0
提问于2018-06-29
得票数 1
1
回答
如何在检查
CSS
位置后用转换剪辑路径修复Safari 9.1问题?
、
、
、
、
我
在
Safari 9.1
中
看到了一些行为,这似乎是Safari
中
的一个bug,但我在这里发布它是为了看看我的代码是否有问题。您
可以
在
中看到这种行为(转载如下)。
在
Safari
中
,您
可以
单击绿色三角形
浏览 1
提问于2016-05-17
得票数 0
3
回答
剪辑路径
在
firefox [% values]
中
不起作用
、
、
、
我
正尝试
在
mozilla
中
运行svg
clip-path
,但它不起作用。.mask-1 {
clip-path
:
polygon
(0% 0%, 58% 0%, 39% 81.8%, 0% 81.8%);它在铬合金
中
工作得很好。
浏览 0
提问于2015-11-20
得票数 10
1
回答
用于woocommerce的
css
中
的自定义边框
、
、
、
、
我
正在为
我
的客户创建一个woocommerce商店。他希望所有的产品图像都应该有一个边框(或形状),如下图所示: ?
我
知道要访问产品图像,
我
只需选择: .woocommerce .product img {} 但我不知道如何创建这样的边界。 你能帮我解决这个问题
吗
?
浏览 10
提问于2020-04-29
得票数 0
回答已采纳
1
回答
使用
CSS
掩码javascript创建的掩码粒子
、
我
用javascript做了一个粒子系统。每次用户在按钮上徘徊时,都会调用一个函数,并创建一个粒子,然后
我
将其分配给一个不可见的div。粒子从div的底部移动到顶部。但是,
我
需要用多边形的形状来掩盖这些粒子。每一个粒子从这个多边形中移动就变得看不见了。
我
搜索了这个问题--找不到合适的例子。
浏览 4
提问于2016-07-29
得票数 1
回答已采纳
3
回答
如何在FF和IOS中
使用
剪辑路径多边形
、
、
、
我
尝试写一个小插件,以更有机的方式打开模式框,因此
我
决定动画剪辑路径
属性
。它看起来像剪辑路径
属性
中
的
polygon
()。
在
Firefox和Safari以及Mobile
中
,是否也有一种类似的简单方法使其工作呢?知道
我
能怎么解决这个问题
吗
?= '
polygon
(0% 0%,100% 0%,100% 100%,' + coo
浏览 1
提问于2015-03-02
得票数 8
回答已采纳
1
回答
如何在垂直方向上调整剪辑路径背景的大小?
、
、
我
在
使用
css
clip-path
属性
做响应式背景时遇到了一些麻烦。
在
我
的例子
中
,
我
在
我
的内容容器中有一个背景,并且这个容器有超过100%的vh。position: absolute; background-color: $bg-secondary-color;
clip-path
浏览 14
提问于2020-05-09
得票数 0
1
回答
我
可以
在
CSS
中将div元素与剪切的路径重叠,而不掩蔽子div
吗
?
、
我
正在尝试
使用
CSS
创建两个梯形,并将它们叠加在另一个之上。问题是,当我
使用
clip-path
属性
时,它会自动屏蔽它下面的另一个div。有没有什么方法
可以
让
我
在
div元素
中
不
使用
绝对定位的情况下创建一个类似于附加图像的背景图像?到目前为止,
我
所做的一个例子: .bg1 { padding: 100px 0; <e
浏览 14
提问于2021-02-03
得票数 1
回答已采纳
2
回答
如何动画在SVG元素
中
定义的裁剪路径?
、
、
、
、
我
知道如何动画一个直接定义
在
CSS
中
的剪辑路径,但我不知道如何从SVG clipPath元素引用剪辑路径。
我
一直
在
尝试
使用
CSS
来制作简单的剪辑路径动画,直到我意识到不能直接将复合路径定义为剪辑路径,所以我转向SVG的clipPath,它允许定义多个路径。但是动画不起作用,也就是说,没有平稳的过渡。这就是
我
想要的..。}
CSS
@keyfram
浏览 7
提问于2019-10-22
得票数 4
回答已采纳
1
回答
带有分面图像的
css
2列设计
我
尝试
在
CSS
中
完成以下工作: 所以你从两个部分开始,每个部分都显示了某人脸部的半张照片(这些图像的脸正好在中心)。通过某种互动的方式,双方都能取得成功。这是
我
首先尝试的:.container { align-items: stretch; height: 736pxclass="container__section-detail"> lorem ipsu
浏览 12
提问于2018-08-07
得票数 0
1
回答
删除内联剪辑路径div之间的空格
、
、
我
做了三个内联div,每个都有一个图像和标题。标题和图像都
使用
css
clip-path
属性
。图像和标题包装在.gallery-inner类
中
。代码运行得很好,但我希望在这些div之间不留空格。
CSS
代码: -webkit-clip-path:
polygon
(0 0, 100% 0%, 80% 100%, 0% 100%);
clip-path
:-webkit-clip-path: <e
浏览 11
提问于2016-08-03
得票数 2
2
回答
从JS动画化
CSS
关键帧
、
、
、
我
想从javascript触发一个基于
css
关键帧的动画。
在
阅读了一些关于堆栈溢出的答案之后,
我
尝试
使用
jquery addClass函数(单击蓝色形状开始动画): With this approach i can only animate it once有没有一种方法
可以
使用
javascript前后一致地动画这个形状?
浏览 0
提问于2020-11-02
得票数 0
2
回答
修复IE/Edge
CSS
剪辑路径
、
、
、
我
在
使用
剪辑路径
CSS
属性
时遇到了IE11/Edge浏览器的剪辑路径
属性
问题。position:absolute; left:0; height: 100%;
clip-path
:
poly
浏览 28
提问于2020-02-14
得票数 1
回答已采纳
4
回答
使用
带有百分比的
CSS
剪辑
、
我
试图
在
两个不同的div
中
只显示图像的上半部分和下半部分。就
我
一个人吗?对于只显示半张图片,你有什么解决方案
吗
?
浏览 1
提问于2011-11-23
得票数 16
回答已采纳
2
回答
如何
使用
html div和
css
创建形状
、
我
想创建这样的html页面
我
用svg创建了这个,这是
我
的代码 <div style="width: 100%; background-image: url('https:/cover;"> <defs>
浏览 1
提问于2020-12-11
得票数 3
回答已采纳
2
回答
为什么
我
的剪辑路径不工作时,它的来源是一个svg?
、
我
按照的说明,
使用
css
clip-path
属性
将svg clipPath应用于HTMLElement。但出于某些原因,它不适用于我,不适用于div,也不适用于图像。
在
文档
中
,它说您
可以
使用
下面的代码轻松地裁剪一个元素:<svg:svg height="0"&g
浏览 0
提问于2014-12-30
得票数 4
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS3 clip-path 用法介绍
CSS文字特效-裂开吧
奇舞周刊第 246 期:无障碍设计&前端数据流哲学
CSS中冷门却十分有用的calc
5个你可能不知道的CSS属性
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券