腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
CSS
clip-path
+
JS
在
Chrome
上
出现问题
html
、
css
、
google-chrome
、
clip-path
因此,我在上面使用了
clip-path
。
在
火狐
上
一切都很顺利,但在
chrome
上
滚动页面时却会闪烁。我做错了什么?顺便说一句,我
在
页面上使用了gsap和scroll魔法,我看不出我怎么能对它产生影响,但是……(没有
js
+剪辑路径可以完美工作,
js
没有剪辑路径可以完美工作,但是
在
chrome
上有but )。min-height:100vh; background:linear-gradient(to righ
浏览 16
提问于2021-01-25
得票数 0
1
回答
使用
CSS
变量定义-webkit-后台剪辑属性
在
Chrome
上不起作用
css
、
background
、
css-variables
、
vendor-prefix
,因此只有
在
元素中定义了
clip-path
值时,元素才会有一个
clip-path
值,而不是initial (等于border-box)。但是,我未能使用
CSS
变量来简化另一个属性:-webkit-background-clip属性:如果我将一个
CSS
变量--
clip-path
:text;指定为-webkit-background-clip<div class="text-masked-gradient">包含一个文本字符串,该字符串位于渐变背景
上<
浏览 1
提问于2019-07-02
得票数 0
回答已采纳
1
回答
可以切换或反转
css
动画的方向吗?
html
、
css
、
css-animations
、
keyframe
举个例子,假设我有一个清洗,当用户做一些事情时,我想要穿过一个容器,当他们再次做的时候,我想要反转,类似于: 0%{
clip-path
: circle(0% atbottom left);}} 0%{
clip-path
: wash; animation : wash-reverse;如果我希望容器
浏览 1
提问于2015-03-03
得票数 2
1
回答
SVG剪辑路径
在
Chrome
中工作,但在Firefox或Safari中不起作用。
javascript
、
css
、
d3.js
、
svg
虽然它在
Chrome
中运行得很好,但图表行忽略了Firefox和Safari中用剪辑路径(见附图)指定的边框,我不知道为什么。
CSS
:
JS
:svg.append('defs')width) .attr('transform', 'tr
浏览 2
提问于2015-08-21
得票数 3
回答已采纳
1
回答
如何在检查
CSS
位置后用转换剪辑路径修复Safari 9.1问题?
jquery
、
css
、
safari
、
css-transitions
、
clip-path
我
在
Safari 9.1中看到了一些行为,这似乎是Safari中的一个bug,但我在这里发布它是为了看看我的代码是否有问题。您可以
在
中看到这种行为(转载如下)。
在
Safari中,您可以单击绿色三角形来查看它的动画以填充页面。但
浏览 1
提问于2016-05-17
得票数 0
4
回答
为什么
在
Safari中不能使用带有SVG的
CSS
clip-path
?
javascript
、
html
、
css
、
svg
、
safari
我使用
css
clip-path
来‘剪裁’出svg动画与下面的图像。 我
在
firefox和
chrome
上
运行得很好,但safari根本不会应用任何裁剪/屏蔽功能。我
在
开始这个项目之前检查了caniuse spec,它说明了适用于
chrome
的相同规则和例外,我只是先测试了
chrome
,它是有效的,所以我继续它,认为safari也会有同样的待遇。我一直
在
挠头,试图弄清楚如何让剪辑
在
safari中正常工作,但没
浏览 3
提问于2017-01-26
得票数 18
1
回答
Safari SVG蒙版渲染故障(剪辑路径)
svg
、
safari
、
mask
、
clip-path
我正在尝试使用SVG蒙版制作图像揭幕效果,其中具有相当复杂几何形状的路径通过
CSS
变换进行缩放:有什么想法吗?
浏览 0
提问于2020-05-06
得票数 0
1
回答
相对单位
CSS
剪辑路径?
css
、
firefox
、
svg
我试图定义一个
clip-path
,做一个给定的元素。正如您所看到的,它应该使用相对值。.element {
clip-
浏览 0
提问于2015-09-27
得票数 2
1
回答
剪辑路径选择
Chrome
与Firefox
javascript
、
google-chrome
、
svg
、
d3.js
下面的选择器不会在
Chrome
(38)
上
的<clipPath>中找到<defs>元素:(这是D3.
js
代码,但我怀疑潜在的querySelectorAll问题)
在
Firefox
上
的示例中,您将看到整个文本,因为剪辑路径被移除。但是
在
Chro
浏览 0
提问于2014-11-14
得票数 0
回答已采纳
1
回答
在
Safari中加载
CSS
clip-path
失败
css
、
safari
、
mobile-safari
、
transitions
、
clip-path
我一直
在
使用
CSS
的
clip-path
属性,并用这支笔制作了一个动画标识:。该代码绘制了许多div,并根据我生成的一些三角形动态地将
clip-path
应用于它们。这在
Chrome
(43.0.2357.124 (64位) )中可以正常工作。你知道我能做些什么来确保Safari第一次呈现这些路径吗? 谢谢。
浏览 5
提问于2015-06-22
得票数 1
1
回答
Firefox剪辑路径
CSS
代码不接受
css
、
firefox
、
clip
我正试图
在
我的网站上建立一个圆形循环化身。然而,
clip-path
循环适用于
Chrome
、Safari和IE9。我不知道为什么它不适用于Firefox。我正在使用Firefox 28.0。我的
Chrome
浏览器:Firefox: 我的
CSS
代码: height: 41px; position:relative; -moz
浏览 1
提问于2014-03-28
得票数 0
回答已采纳
1
回答
jquery -平滑修改
css
剪辑路径
jquery
、
css
、
mousemove
、
clip-path
我有一个依赖于光标位置的
css
clip-path.元素(Xcord) jquery modify
clip-path
points。left = 90 + 10 * (xPercent / 100); $(".element").
css
('
clip-path
', 'polygon(0% 0%, 100% 0%, 100% ' + left +
浏览 20
提问于2019-01-28
得票数 0
回答已采纳
1
回答
如何修复webkit/iphone
在
径向进度条中使用transform旋转时的滞后
css
、
webkit
它在
chrome
和FF中很有魅力,但是它在webkit中似乎“滞后”(例如,我的iPhone,见下面的图片)。
浏览 1
提问于2015-09-29
得票数 2
回答已采纳
1
回答
内嵌
css
剪辑-
Chrome
上
不受尊重的路径
css
、
google-chrome
、
clip-path
对于某些情况,需要裁剪,并且由于元素是动态生成的,因此
在
元素的样式属性中添加了动态:Firefox (76)工作正常,但是
Chrome
(83) (以及Opera )不尊重
clip-path
属性(
在
铬元素检查中,它甚至没有显示
在
元素的样式属性
上
)
在
第64版之前,它应该是
Chrome
中的一个bug,但无论我看哪,它都说最新的
chrome
(以及
浏览 2
提问于2020-05-20
得票数 2
回答已采纳
6
回答
CSS
:如何添加完全浏览器交叉兼容性的div右侧倾斜边?
css
我想在我的div
上
取得一个倾斜的优势。我遇到的问题是,我发现实现这一点的简单代码是不兼容的。事实
上
,它只显示
在
Chrome
中。是否有人建议如何在所有浏览器中执行以下操作:这一效果将实现:下面是我的整个
CSS
代码:left:0; padding:10px 10px; font
浏览 4
提问于2016-12-29
得票数 0
回答已采纳
2
回答
Chrome
/
Chrome
中的SVG剪辑路径动画错误
html
、
css
、
svg
我刚开始用
CSS
动画SVG,我试图创造一个“眨眼”的效果。这就是我所做的: #Ojito { 0%, 95%,
clip-path
: ellipse(75% 55%); 90% { } @keyframes然而,
在
Chrom
浏览 6
提问于2022-01-11
得票数 -1
回答已采纳
1
回答
忽略剪辑路径的三维变换
css
、
css-transforms
我有一个带有
clip-path
的父
clip-path
,它剪辑一个子div#object。当我将3D转换应用到#object时,不管值如何,元素都不再遵从剪辑,并显示为没有应用剪辑。HTML: <div id="object"></div>
CSS
: margin: 0; width: 200px; height
浏览 4
提问于2016-12-15
得票数 3
回答已采纳
2
回答
如何使SVG剪辑路径
在
Google中正确工作?
css
、
google-chrome
、
svg
、
clip-path
我使用内联SVG和
CSS
clip-path
属性
在
div元素
上
创建斜角。我知道
CSS
生成的内容可以模拟斜角效果。但在我的例子中,我必须使用SVG和
clip-path
。
浏览 13
提问于2016-08-28
得票数 2
回答已采纳
1
回答
chrome
.webrequest.onCompleted对
chrome
.runtime.onMessage种族
javascript
、
google-chrome
、
google-chrome-extension
、
race-condition
我有一个带有background.
js
的
Chrome
扩展,在这里收集和存储有关页面的信息, function(detailsrequest.getInfo) { hash: tabToHash[sender.tab.id], }当onMessage
在
onCompleted完成之前被触发时,就会
出现问题
。}并且可
浏览 2
提问于2015-05-03
得票数 1
回答已采纳
1
回答
如何裁剪和遮罩Pixi.
js
中的精灵,如
CSS
中的` clip -path`
html5-canvas
、
sprite
、
pixi.js
在
CSS
中,我们可以使用
clip-path
遮罩/剪裁一个形状内的正方形图像,例如,
clip-path
: ellipse(60px 40px at 75px 30px);将图像裁剪成一个椭圆。如何在Pixi.
js
中将精灵裁剪成椭圆?
浏览 31
提问于2018-10-14
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS3 clip-path 用法介绍
最受用户喜爱的JavaScript和CSS 开源库
开源巨献:年度最佳 JavaScript和CSS 开源库推荐!
年度最佳 JavaScript和CSS 开源库推荐!
webpack 入门实践(一)
热门
标签
更多标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储
活动推荐
运营活动
广告
关闭
领券