腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
使用
clip-path
时
隐藏
的
图像
和
标题
:
polygon
HTML
/
CSS
html
、
css
每当我更改属性"calc (100% - 90 vw)" (例如,从90更改为10 )
时
,页面的蓝色部分都会更改。但
标题
是
隐藏
的
,只有一部分会显示,这取决于我将其更改为什么。如何在不
隐藏
文本
的
情况下更改它?下面是我
的
代码: div.front-page {
clip-path
:
polygon
(0 0, 100% 0, 100% 100%,margi
浏览 18
提问于2019-10-18
得票数 3
回答已采纳
1
回答
删除内联剪辑路径div之间
的
空格
html
、
css
、
clip-path
我做了三个内联div,每个都有一个
图像
和
标题
。
标题
和
图像
都
使用
css
clip-path
属性。
图像
和
标题
包装在.gallery-inner类中。代码运行得很好,但我希望在这些div之间不留空格。我
的
HTML
代码: <div class="galle
浏览 11
提问于2016-08-03
得票数 2
1
回答
在容器中水平地“显示”文本
javascript
、
html
、
css
当您鼠标在图标上
时
,宽度将扩展到它
的
父容器。这就是我被绊倒
的
地方。我希望文本“自动刷新”集中在100%宽度
的
在任何时候
的
。因此,当容器位于20‘t
时
,"Auto“文本将被
隐藏
,因为它已经过得太远了(也就是说,它将不适合在20’t宽度内)。当您悬停在图标上
时
,宽度将展开,显示
隐藏
的
“自动刷新”文本。我尝试过
使用
overflow: no-wrap
和
overflow: hidd
浏览 0
提问于2019-12-23
得票数 1
回答已采纳
1
回答
使用
绝对点数代替百分比
的
svg clipPath
html
、
css
、
svg
我想用clipPath作为我想在网页上显示
的
图像
,我希望能够用百分比代替
polygon
的
绝对点数。我尝试将viewBox属性添加到svg元素中(这里建议
使用
),但是当
图像
呈现时,看起来仍然
使用
绝对点。我
的
html
设置如下: <img class="clip-svg" src="{% static 'myApp/images/random.png' %}&quo
浏览 30
提问于2022-07-05
得票数 2
回答已采纳
3
回答
减少两个裁剪
图像
之间
的
间距
html
、
css
、
clip-path
我正在
使用
clip-path
来裁剪两个
图像
。结果是一切都很好,但我想减少这些
图像
之间
的
间距,就像这样 display: inline;.element {
clip-path
:
polygon
(0 100%, 0 0, 100% 0, 60% 100%);.el
浏览 27
提问于2016-09-23
得票数 3
回答已采纳
4
回答
使用
带有百分比
的
CSS
剪辑
css
、
clip
我试图在两个不同
的
div中只显示
图像
的
上半部分
和
下半部分。就我一个人吗?对于只显示半张图片,你有什么解决方案吗?
浏览 1
提问于2011-11-23
得票数 16
回答已采纳
2
回答
图像
CSS
的
切割部分
javascript
、
css
我尝试创造一个小故障
图像
动画效果。因为我想要达到取代一幅画
的
效果。主要背景也可以是
图像
,这就是为什么我不能
使用
背景色
的
分层。background-image: url(https://clipart-db.ru/file_content/rastr/bmw_002.png)" alt="&
浏览 0
提问于2021-06-10
得票数 2
回答已采纳
2
回答
带有自定义剪辑路径
CSS
HTML
的
相邻Div
html
、
css
我想
使用
剪辑路径,但我留下了空白。我想要在另一个上面滑动div,这样div看起来就像在
图像
( image:)中所示(没有空白)。
HTML
和
CSS
代码如下: font-weight: bold; font-size::
polygon
(0 0, 100% 0, 80% 100%, 0% 100%);} .s2{
clip-path</e
浏览 6
提问于2021-11-09
得票数 1
回答已采纳
2
回答
需要动态调整
Css
形状
html
、
css
现在
的
:
HTML
: <div class="col-md-7 col-sm-7 col-xs<
浏览 0
提问于2018-06-29
得票数 1
1
回答
三重‘菱形’
图像
拆分
CSS
html
、
css
、
svg
、
shapes
如何将当前
使用
的
全屏背景
图像
分成3个部分,每个部分之间有一个间隙,
图像
仅显示在菱形形状内?我环顾四周,找到了
CSS
+
HTML
来创建包含
图像
的
菱形体,但它是整个
图像
,而且只是这些菱形体中
的
一个。
clip-path
:
polygon
(0% 100%, 30% 0%, 100% 0%, 70% 100%); -webkit-
浏览 7
提问于2016-09-22
得票数 0
回答已采纳
1
回答
用于woocommerce
的
css
中
的
自定义边框
javascript
、
html
、
css
、
wordpress
、
woocommerce
我正在为我
的
客户创建一个woocommerce商店。他希望所有的产品
图像
都应该有一个边框(或形状),如下图所示: ? 我知道要访问产品
图像
,我只需选择: .woocommerce .product img {} 但我不知道如何创建这样
的
边界。 你能帮我解决这个问题吗?
浏览 10
提问于2020-04-29
得票数 0
回答已采纳
2
回答
如何
使用
html
div
和
css
创建形状
html
、
css
我想创建这样
的
html
页面 我用svg创建了这个,这是我
的
代码 <div style="width: 100%; background-image: url('https:/cover;"> <defs>
浏览 1
提问于2020-12-11
得票数 3
回答已采纳
1
回答
如何在检查
CSS
位置后用转换剪辑路径修复Safari 9.1问题?
jquery
、
css
、
safari
、
css-transitions
、
clip-path
我在Safari 9.1中看到了一些行为,这似乎是Safari中
的
一个bug,但我在这里发布它是为了看看我
的
代码是否有问题。您可以在中看到这种行为(转载如下)。在Safari中,您可以单击绿色三角形来查看它
的
动画以填充页面。但是,当您单击红色三角形
时
,它无法填充页面,尽
浏览 1
提问于2016-05-17
得票数 0
1
回答
如何
使用
剪辑路径转换来保持悬停效果?
html
、
css
、
animation
、
hover
、
clip-path
我在悬停时有一个按钮动画,如下所示:它是两个div之间
的
叠加,然后在悬停
时
应用
clip-path
来
隐藏
顶部
的
div,显示在底部
的
一个。
CSS
是
clip-path
:
polygon
(-1% 0%, 101% 0%, 101% 100%, 50% 200%, -1% 100%);}
cli
浏览 4
提问于2021-04-19
得票数 0
回答已采纳
1
回答
剪辑路径
和
缩放
的
组合导致闪烁
css
、
svg
、
transform
、
clip-path
我正在尝试
CSS
Grid,
clip-path
和
transforms,并且遇到了一个奇怪
的
bug。设置如下:由SVG裁剪
的
多个项目的网格,每个项目都包含一个
图像
和
一些文本,以及悬停
时
的
缩放变换。现在我看到
的
bug是,剪辑路径有时会“闪烁”,显示未剪辑
的
项目长达毫秒。到目前为止,我已经在Chrome
和
Opera中看到了这种行为,Firefox运行正常。这里有一些
CSS</em
浏览 3
提问于2017-10-14
得票数 2
1
回答
用变换显示
图像
html
、
css
、
transform
、
skew
如何在
CSS
中
使用
转换来显示像第二张图片一样
的
图像
?在第一张照片中,我
使用
了skewY,但这不是我希望
图像
显示
的
方式。
浏览 1
提问于2021-06-27
得票数 1
回答已采纳
0
回答
CSS
-
Clip-path
在safari上不能很好地工作
html
、
css
、
cross-browser
、
css-shapes
我正在开发一个带有形状
的
菜单,但在safari中它不能很好地工作。在safari中,它破坏了布局,我不知道为什么。如果我不
使用
svg标签,而只
使用
css
剪辑路径,那么它在safari
和
chrome中工作得很好,但在firefox中就不行了。
Css
: width: 65%; background-color: red; -webkit-clip-path:
polygon
(5%0, 100% 0, 100%
浏览 10
提问于2017-06-18
得票数 1
1
回答
我可以在
CSS
中将div元素与剪切
的
路径重叠,而不掩蔽子div吗?
html
、
css
我正在尝试
使用
CSS
创建两个梯形,并将它们叠加在另一个之上。问题是,当我
使用
clip-path
属性
时
,它会自动屏蔽它下面的另一个div。有没有什么方法可以让我在div元素中不
使用
绝对定位
的
情况下创建一个类似于附加
图像
的
背景
图像
?到目前为止,我所做
的
一个例子: .bg1 { padding: 100px 0;
clip-pa
浏览 14
提问于2021-02-03
得票数 1
回答已采纳
1
回答
在
CSS
中创建和连接非矩形横幅
html
、
css
、
clip-path
我正在考虑复制以下布局为我
的
网站
使用
纯粹
的
CSS
。 ? 我
的
问题是,横幅将是
图像
,当我尝试
使用
像多边形剪辑路径这样
的
东西
时
,
图像
不会相接。 这是我整理
的
一个例子。我正在寻找
的
是一个响应式
的
方式,使每个横幅完美地排成一行。请记住,这些
图像
可能会在移动设备上更改为正方形版本。有没有更好
的
方法来实现我想要做
的
浏览 30
提问于2019-01-05
得票数 0
回答已采纳
1
回答
如何在“倾斜”
的
李氏之间插入“倾斜”李氏
html
、
css
、
skew
这就是我需要做
的
:(很抱歉链接,但堆栈不允许我放置图片)
clip-path
:
polygon
(25% 0%, 100% 0%, 75% 100%, 0%
浏览 2
提问于2015-03-17
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
CSS3 clip-path 用法介绍
CSS文字特效-裂开吧
前端系列-原生JS实现Tab选项卡滑动、延迟、自动切换效果
好程序员HTML5教程-HTML和css基础知识
css零基础自学教程(六)css属性 第三部分
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券