腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(115)
视频
沙龙
2
回答
如何在css中设置蒙版图像的宽度和高度?
、
我有一个div与图像使用-webkit-mask-image CSS,但我不能设置宽度和高度的这-webkit-掩码-图像喜欢css背景图像... .img { width: 40px;} -webkit-mask-image: url('https://i.ibb.co/6Bkc0h8/gZvK4.png');} &
浏览 25
提问于2019-07-04
得票数 1
回答已采纳
2
回答
带有遮罩的svg在chrome上看不到
、
、
、
、
我试图用一些用React动态创建的svg路径来屏蔽。问题是,生成的html代码不能立即在Chrome和Safari上正确呈现。在浏览器窗口调整大小或选中/取消选中检查器中的样式属性时,会显示正确的结果。我觉得问题出在某个-webkit属性中,但不能定义是哪个属性。尝试了-webkit-mask,但没有给出任何结果。下面是应该立即呈现的html结构:<div> <div class="drawArea" id="draw-area-type-
浏览 1
提问于2018-11-01
得票数 1
1
回答
减小大小(遮罩-图像)。你能帮帮我吗?
、
、
、
、
50px; top: 50px; left: 50px; background-size: 50px;
mask-size
50px; padding: 50px; 不是 left: 50px; right: 50px; top: 50px; bottom: 50px; 不是 background-size: 50px; 不是
mask-size
浏览 14
提问于2019-01-02
得票数 0
1
回答
剪辑路径:曲线边缘,背景图像和三角形。
、
、
、
、
我试图用圆角和背景图像构建以下元素:我最初对三角形使用了:after元素,但是我无法获得背景图像“流血”,因为从技术上讲,它是一个单独的元素。我现在在这里:.service_item{ background: var(--color-yellow); clip-path: polygon(0% 0%, 100% 0%, 100% calc(100% - 20px), 40% calc(100% - 20
浏览 4
提问于2022-07-20
得票数 0
回答已采纳
2
回答
@supports是否可在较少/边缘特定的CSS规则中使用?
、
、
、
Edge不支持此部分以上的样式设置(不支持剪辑路径当前),因此为了修复样式,我正在尝试编写特定于边缘的CSS。我的问题是,如何使下面的代码使用更少的代码,或者是否有更好的方法只编写边缘CSS .section { }更新:问题似乎是VisualStudioLesse编译器没有识别@sup
浏览 6
提问于2017-07-18
得票数 2
2
回答
当不支持掩码时,边缘计算@supports(掩码)为true
background-color: #eee; color: rebeccapurple;
mask-size
浏览 1
提问于2018-03-12
得票数 5
回答已采纳
1
回答
使用前景图像作为背景图像的alpha蒙版
、
我正在尝试将两个图像(一个是gif)混合在一起,并且只在前景图像显示的地方显示背景图像。 例如:如果前景图像是一个"T“,背景图像是一个紫色的"X”,我希望看到 📷 我尝试过使用背景混合模式,但这并没有改变什么。 一些与我的代码类似的代码,产生了我不想实现的结果: img { background-blend-mode: multi
浏览 17
提问于2020-03-26
得票数 0
回答已采纳
1
回答
图像中的部件被切断
、
、
我完全是个新手。我遇到了这个问题。唉,我没有在网上找到确切的答案,所以我决定转到这里来。任务是,我需要把图片重叠在一起,这样才能在第2号截图中看到,也就是说,我们有一个黄点覆盖,以及一个需要裁剪的全尺寸图像。据我所知,我什么都试过了。我寻求帮助,不扔西红柿。提前感谢 <p class="card"> <img class="two" src="
浏览 1
提问于2022-06-17
得票数 0
回答已采纳
1
回答
使用CSS掩码仅遮罩元素的一部分
、
: 30px; mask-image: linear-gradient(to right, black, transparent);
mask-size
浏览 32
提问于2020-08-19
得票数 2
回答已采纳
1
回答
ionic2:自定义SVG图标
、
、
我正在使用Ionic2,我想像使用图标一样使用我的图标我已经看到了这个链接:
浏览 0
提问于2017-08-17
得票数 1
1
回答
屏蔽svg图像在资源管理器和边缘上不显示
、
/icons/network.svg') no-repeat center center;} <!
浏览 18
提问于2019-04-08
得票数 0
1
回答
带有CSS和PNG的假字体-图标
、
、
、
我有一个透明的,灰色的PNG图标。我想要能够改变它的颜色像一个字体图标。为什么我不能仅仅使用一个字体图标集:我们有一些自定义的,专有的图标我们正在使用,我花了几个小时试图将它们转换成字体图标集,但没有成功。所以我不太可能找到我们的图标,我不能把我们的图标设置成字体图标。我可能做错了,也可能找不到合适的工具。 所以我的下一个最好的选择是使用CSS“掩蔽”,但我无法做到这一点。其想法是将div的背
浏览 3
提问于2014-07-30
得票数 2
回答已采纳
1
回答
CSS掩码-图像,是否可以显示一个元素“在顶部”的掩码(没有绝对定位)?
、
us-west-2.amazonaws.com/s.cdpn.io/3/sun.svg'); mask-position: center;
mask-size
浏览 10
提问于2022-05-31
得票数 0
回答已采纳
1
回答
如何用符合scss的方式编写线性梯度@ -webkit
、
、
我试图写一个线性渐变样式,但是visual studio代码给了我一个警告。谢谢!-webkit-mask-image: $shine;} font-family: "Berkshire Swash"; text-align: center; animatio
浏览 4
提问于2021-01-30
得票数 1
回答已采纳
0
回答
复合蒙版中每个蒙版图像的不同CSS蒙版位置值
; /* Set 0 for foo.png, but 15px -50px for bar.png */ mask-repeat: no-repeat; }
浏览 1
提问于2017-12-05
得票数 1
回答已采纳
1
回答
自定义SVG图标离子3选项卡,图标有背景色
、
、
ion-icon {
mask-size
: contain; mask-position: 50% 50%;
浏览 1
提问于2018-07-12
得票数 3
回答已采纳
1
回答
SVG图标在Internet Explorer中不起作用
、
、
、
、
url(/svg/business.svg);.svg_icon { height: 80px;
mask-size
浏览 29
提问于2019-09-03
得票数 0
2
回答
“属性是不标准的。请避免使用它。”用于‘-webkit-面具-图像’和‘-webkit-面具-大小’。我应该用什么代替?
、
、
、
当我使用‘-webkit-掩码-图像’&‘-webkit-掩码大小’时,VsCode说“属性是不标准的,避免使用它。”我不知道该用什么代替。我的代码如下: -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .7) 30%, #000 50%, rgba(0, 0, 0, .7) 70%); animation: shine 1s infinite; f
浏览 9
提问于2021-12-25
得票数 2
回答已采纳
2
回答
悬停样式的组件,更改子图标的颜色
、
我想要创建一个按钮内有一个图标,这样当我悬停,图标和按钮的颜色改变。我试过这样做,但只改变了按钮的颜色: export const InsideIcon= ({ color, ...props }: MyIconSvgFile): JSX.Element => ( <path
浏览 2
提问于2022-04-26
得票数 0
3
回答
元素的边框在css掩码后丢失-图像
、
mask-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/18515/heart.svg) no-repeat 50% 50%;
mask-size
浏览 3
提问于2020-10-09
得票数 5
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS遮罩的过渡效果有趣的幻灯片
热门
标签
更多标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
活动推荐
运营活动
广告
关闭
领券