腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(1699)
视频
沙龙
1
回答
CSS
:如
何在
css
缩放
转换
期间
管理
溢出
?
css
、
overflow
、
transform
、
scale
我在比例
转换
上遇到了一个
溢出
问题。下面是代码:https://codepen.io/rukawaz/pen/XWdByLP 当我将鼠标悬停在左边的div上时,一切都很好,过渡也很顺利,没有
溢出
。 <div class="header__section header__right"> </div> </header> 但是当我将鼠标悬停在右div上时,我的背景图像出现了
溢出
问题
浏览 22
提问于2020-09-16
得票数 0
5
回答
在
css
转换
期间
,图像边框半径不起作用。
css
、
hover
、
blur
、
flicker
默认情况下,图像被模糊和
缩放
(带有隐藏
溢出
),在悬停时,它将消除模糊和
缩放
。但是,当我对元素使用
CSS
转换
时,它会临时显示
转换
期间
的
溢出
。
浏览 1
提问于2015-01-14
得票数 10
回答已采纳
1
回答
调用比例尺,但SVG元素也会翻译
javascript
、
html
、
css
、
svg
我有这个,我试图在它的中心(使用javascript)
缩放
橙色的圆圈,也就是说,它必须以原点设置为中心展开。然而,一些东西使它的规模和移动,即导致翻译。在纯
CSS
环境中,同样的事情会很好地工作,
如
绿色圈所示。在这两种情况下,我都使用这样的
CSS
修复了
转换
原点: transform-origin:140px 300px;有人能帮忙吗?我想将它从脚本中
缩放
到更大的动画序列,并且
缩放
的数量是动态的(就像2秒内的
转换
浏览 0
提问于2014-11-05
得票数 4
回答已采纳
1
回答
如
何在
子容器上使用
CSS
转换
时手动设置父容器的
溢出
大小?
javascript
、
html
、
css
、
overflow
、
css-transforms
我理解
CSS
转换
不会影响元素的有效大小,只会影响元素的可视化表示。以下帖子讨论了这一点: 是否存在显式设置父级
溢出
距离以解决此问题的方法?这可能允许我在父服务器上将
溢出
高度设置
浏览 0
提问于2019-06-25
得票数 0
回答已采纳
3
回答
图像
溢出
:通过规模
转换
隐藏
html
、
css
我试图达到这样的效果,当你悬停在一个图像上,它会在边界上
缩放
。我试图通过在悬停时对
缩放
进行
CSS
3
转换
,
溢出
:隐藏在图像上:width: 20%;transition: transform 0.5s
浏览 6
提问于2017-04-05
得票数 1
回答已采纳
2
回答
基于
css
3的图像
缩放
与变换
jquery
、
css
、
animation
、
jquery-animate
我想创建一个动画,首先在图像上盘旋,它应该是
缩放
和
转换
的。为了实现图像
缩放
,我们可以使用这个
css
对吗?blah{ -webkit-transition: all .2s ease-in-out; }但是我们如
何在
缩放
后进行
转换
浏览 5
提问于2014-04-12
得票数 2
回答已采纳
1
回答
使用Leaflet计算分数
缩放
javascript
、
leaflet
、
deck.gl
在代码中很明显,这在
缩放
过程中不能很好地工作(deck.gl不能在Leaflet旁边显示动画)。 我的理解是,Leaflet使用
CSS
进行动画,因此实际上没有任何中间状态可供利用。我看到的一种解决方法是覆盖内部的_animateMove方法,并调用和使用计时器在250ms的传单中定期更新deck.gl以完成
缩放
动画。这一部分相对简单,我面临的挑战是如何实际计算分数
缩放
时的边界框。例如,在动画中输入25ms (假设
CSS
动画是线性的,但实际上并非如此),我需要能够计算
缩放
11.10时地图的
浏览 4
提问于2021-04-15
得票数 1
3
回答
有没有一种使用
CSS
-transform而不影响子元素的方法?
css
只是不知道为什么我不能将
css
转换
应用到父元素,并避免将它应用于子元素,或者至少重写它。 请告诉我是否有方法使用transform属性获得第一个示例的效果。我不希望第二张图片也被
缩放
。只有家长。
浏览 0
提问于2012-03-26
得票数 9
回答已采纳
2
回答
使用
CSS
transform scale()
缩放
元素而不进行裁剪,保持滚动
javascript
、
html
、
css
、
css-transforms
、
scaletransform
实例:以这个例子为例,2x2网格中有4个框。问题是:
缩放
到方框D将
缩放
缩放
容器,使滚动到顶部和左侧无法工作,因为内容
溢出
。当
缩放
到框B(左半被裁剪)和C(上半部分被裁剪)时,也会发生同样的情况。只有使用A时,内容才不会在容器外
溢出
。在与
缩放
相关的类似情况下(参见),一个可能的解决方案是指定transform-origin: top left (或0 0)。由于
缩放
相对于左
浏览 3
提问于2016-04-03
得票数 13
回答已采纳
1
回答
CSS
缩放
/绝对位置
javascript
、
jquery
、
html
、
css
我认为使用
CSS
/Jquery应该是相当直接的:只需将div设置为“位置”:将div的顶部和左侧设置为与单击的缩略图相匹配,将
缩放
属性设置为适当的低值(
如
.25),并使用查询动画函数将
缩放
值动画为1,并将顶部这几乎是可行的,但有一个警告:很明显,
缩放
CSS
不仅放大了div的大小(以及它的内容),还放大了这个位置。因此,我的问题(相对地)很简单:如何定位顶部和左侧与缩略图匹配的“全尺寸”div,以及设置为小于1的
缩放
参数?编辑1:经过进一步的研究,我发现Fire
浏览 0
提问于2015-01-17
得票数 2
回答已采纳
4
回答
Iframes的滚动条
javascript
、
html
、
css
、
iframe
、
scrollbar
这是我的代码:#wrapper { height: 100%; overflow: scroll; #scaled-frame
浏览 2
提问于2014-08-06
得票数 1
1
回答
变换原点变化延迟
javascript
、
jquery
、
html
、
css
我有一段代码,在这里,我计算单击的元素中心,并将
转换
原点应用于
转换
元素。$(".place-holder") "-webkit-transform-origin":transCenterY+"px "+transCenterXtransform-origin":transCenterY+"px "+transCenterX+"px", "tran
浏览 0
提问于2015-12-08
得票数 0
回答已采纳
1
回答
缩放
/
缩放
DOM元素及其使用
CSS
3
转换
scale()占用的空间
html
、
css
、
scale
、
css-transforms
inside</div></div> after我想把这个元素(内容到规模)和它的所有子元素进行
缩放
似乎是
CSS
3变换的规模操作的一项工作。但是,问题是,这只是对该元素层次结构的可视化进行的
转换
,它不会改变页面上元素的空间(或位置)。换句话说,
缩放
更大的元素将导致它与“前”和“后”文本重叠。是否有一种简单
浏览 1
提问于2012-05-16
得票数 42
回答已采纳
2
回答
使用JavaScript添加样式表IE 8
javascript
、
jquery
、
internet-explorer
、
internet-explorer-8
我正在制作一个
缩放
按钮来添加和删除
CSS
文件,但由于某些原因,我似乎无法在IE 8中添加它document.createStyleSheet('style/zoom.
css
');假设jquery解决方案通过我的测试,似乎只能在FF和IE9中工作 我检查了
溢出
,找到了这个解决方案type: 'text
浏览 0
提问于2012-09-26
得票数 1
回答已采纳
1
回答
CSS
在Safari 6,FF 19对IE 8
css
、
internet-explorer
、
firefox
、
safari
<a href="#4">4</a> <a href="#6">6</a></div> 我如
何在
IE8中解决这个问题呢?
浏览 4
提问于2013-02-28
得票数 0
2
回答
如
何在
只有
CSS
的字母下获得悬停的阴影?
css
我想复制以下徽标,在一个字母下面添加一个阴影,
如
如何做到框影
溢出
双方的信?我希望避免在我的“悬停”字母之后有一个额外的<span class="shadow"></span>,但是只使用信函标记/
CSS
规则来
管理
它(参见下面的HTML )。<span>Pr<span class="text-info">o</span>be&l
浏览 1
提问于2013-05-10
得票数 0
回答已采纳
1
回答
CSS
过渡删除边框半径属性
html
、
css
、
css-animations
我正在创建一个
CSS
转换
,当父元素处于悬停状态时,它会
缩放
内部元素。我的小提琴:
浏览 11
提问于2017-03-13
得票数 1
回答已采纳
4
回答
如何定义不同的
CSS
转换
而不相互践踏
html
、
css
、
css-transforms
如果一个类为元素添加了旋转,而另一个类则添加了
缩放
,那么如
何在
CSS
中定义这些元素,而不会互相践踏。<div class="class1 class2"></div> .class1 { transform:rotate(45deg); }在上面的例子中,div只会被
缩放</em
浏览 1
提问于2012-12-15
得票数 0
3
回答
QWebView的布满窗口宽度
qt
、
word-wrap
、
qtwebkit
、
qwebview
我正在使用Qt4.5用C++编写一个电子书查看器,使用QWebView对象来呈现html文件。 这不是隐藏水平滚动条,而是一个“适合宽度”的特性。
浏览 5
提问于2009-09-29
得票数 1
2
回答
使用尺度变换使div变小时,如何使背景覆盖
溢出
成为可见光?
css
、
overflow
、
css-transforms
、
background-size
我使用
css
转换
来
缩放
鼠标悬停时的div值,例如比例(0.7)。 只请
CSS
解决方案。 编辑:
CSS
+ js解决方案就行了。
浏览 2
提问于2017-10-05
得票数 0
回答已采纳
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
浅析一下网页的前端优化
零基础自学web前端需要掌握哪些技能,才能去工作?
Google Code Prettify 代码高亮插件使用小结
性能测试Y慢速前端调优23条规则-简化JavaScript和
前端大咖总结的学习web前端的那些经验技巧,值得学习,少走弯路!
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券