腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
Safari
-
CSS
变换
:
scale
()
使用
动画
像素
化
css
、
safari
、
transform
、
scale
这就是我到目前为止所实现的:https://jsfiddle.net/nx49y0ju/ (还附加了下面的代码) 问题出在
Safari
上。当单击菜单图标时,它会在过渡期间将缩放的光标图像
像素
化
。
Safari
: Version 14.0.3 (16610.4.3.1.7) })function onMouseHove
浏览 19
提问于2021-04-27
得票数 0
回答已采纳
2
回答
使用
缩放
css
时的边缘浏览器问题
javascript
、
css
、
internet-explorer
、
microsoft-edge
我在一个
使用
css
变换
缩放视频容器的视频上有一个滚动插孔。它在所有浏览器上都工作得很好,但是在IE和edge中,它会进行比例
变换
,但当视频放大时,视频会变得
像素
化
。
CSS
transform: translateY(0)
scale
(3,3); -webkit-backface-visibility: hidden; -ms-backface-visibility
浏览 0
提问于2018-09-23
得票数 1
1
回答
在带有<svg>元素的
Safari
上不能
使用
ScrollReveal.js
javascript
、
css
、
svg
、
css-transforms
、
scrollreveal.js
我目前正在
使用
ScrollReveal.js让一堆小的
像素
化
的盒子在滚动时做一些随机的事情,代码如下:$(document).ready(function(){ window.sr = new scrollReveal(); });它在Chrome上运行得很好,但在
Safari
为了说明这一点,下面是它在Chrome上的样子:
浏览 4
提问于2015-08-11
得票数 4
1
回答
CSS
3
scale
()使div变得
像素
化
css
、
webkit
我注意到,当
动画
CSS
3
scale
()时,它似乎将
使用
它的每个元素
像素
化
。在上面的示例中,当您将鼠标悬停在中心div上时,
scale
()会将其
像素
化
。是我的
css
设置错了,还是这是
scale
()天生就会做的?
浏览 2
提问于2012-07-04
得票数 10
回答已采纳
1
回答
lottie-
动画
svg在
Safari
中非常
像素
化
/模糊,但不是Chrome/FF
safari
、
scaling
、
svg-animate
、
lottie
、
blurry
macOS Mojave After Effects 17.0.2 (CC 2020)最新版本的Chrome/FF/
Safari
和Lottie/Bodymovin 在
Safari
中缩放svg
动画
(transform:
scale
(>1))时,它将被渲染为非常
像素
化
/模糊。你可以在这里找到
动画
:
浏览 4
提问于2020-02-17
得票数 2
3
回答
在IE 10和Firefox中转换快照到整个
像素
的
CSS
关键帧
动画
html
、
css
、
css-animations
、
css-transforms
当
使用
css
关键帧
动画
中的翻译2d
变换
动画
时,IE 10和Firefox都会将元素抓取到整个
像素
。我发现了类似的问题,但答案是
使用
翻译转换
动画
,这正是我正在做的:。 更新:在玩了一段时间后,我找到了的补丁,但是在IE10中没有做任何事情。诀窍是缩小元素的比例,并在Z轴中
浏览 0
提问于2013-05-29
得票数 16
2
回答
基于JavaScript/
CSS
3 3的汽车正面驾驶
动画
横幅广告
javascript
、
html
、
css
、
banner
、
ads
有没有一种方法可以
使用
JavaScript或
CSS
3来
动画
汽车驶向用户的图像?为了澄清,汽车图像应该从背景
动画
,图像更小,似乎更远,并逐渐变得更大,因为它的“驱动器”前进到前景的图像?该图像将是汽车的前端部分,并将如下:这个JavaScript
动画
将在一个HTML5横幅广告中
使用
,所以我希望避免任何会大大增加我可交付产品的大小的东西。
浏览 0
提问于2016-11-28
得票数 0
回答已采纳
0
回答
动画
在
safari
浏览器和IE11上看起来
像素
化
css
、
css-animations
我创建的
动画
在Chrome和火狐上运行良好,但在
Safari
(10.1.1版)和IE11上是
像素
化
的。已尝试
使用
translateZ() / translate3d()以便图形处理器可以渲染
动画
,但什么也没有发生。删除边界半径可以解决渲染问题。
浏览 5
提问于2017-06-15
得票数 1
1
回答
Safari
: iframe内容中的1
像素
移动:悬停
动画
iframe
、
layout
、
safari
、
css-transforms
iframe
使用
在:上的转换
动画
,这会导致iframe内容只在
Safari
(在Chrome和火狐中测试)中向左移动1
像素
。
变换
不发生在作为iframe内容来源的页面上,只在iframe.中显示一次。iframe中的内容:
浏览 2
提问于2021-10-10
得票数 0
1
回答
如果可以在不
使用
画布的情况下
动画
图像
像素
,则只
使用
CSS
。
html
、
css
、
background-image
、
pixelate
因此,您可以通过执行以下操作在
CSS
中获得
像素
化
: 将background-image设置为非常小的图像(例如50 to或100 to)。我想让background-image
使用
background-size: cover,这样它就能正确地填充容器元素。所以你不能在任何
像素
化
动画
中
使用
背景大小。transform:
scale
(0.1) (接近原始
像素
大小)无法工作,因为它缩放了整个元素。我想做这样的事情:<e
浏览 0
提问于2019-06-04
得票数 1
回答已采纳
2
回答
IE7中的
CSS
变换
css
、
internet-explorer-7
、
css-transforms
嗨,我在比例属性中
使用
css
变换
,我的代码是这样的-moz-transform:
scale
(1.05); /* Firefox */-ms-transform:
scale
(1.05
浏览 0
提问于2012-05-18
得票数 4
2
回答
CSS
-webkit-悬停时未发生转换
javascript
、
html
、
css
circle_menu1:hover, #circle_menu2:hover,#circle_menu3:hover,#circle_menu4:hover{ -webkit-box-shadow: 0 0 20px black;由于某种原因,阴影会被绘制,但不会有任何
变换
。任何建议都将非常感谢,因为这是我的第一个
CSS
/HTML项目。
浏览 0
提问于2015-05-09
得票数 3
1
回答
在Angular中
使用
css
在
Safari
中
动画
“transform:
scale
()”时出现不必要的延迟
javascript
、
css
、
angular
、
scale
、
transition
我建立了一个角度应用程序,我正在尝试
动画
缩放和平行移动的图形。我
使用
css
变换
的缩放(缩放)和移动(平移)部分和
css
的
动画
过渡。这在桌面浏览器(Windows上的Firefox和Chrome )上运行得很好,但我在IOS上的
Safari
(iPad Air)上有一个不想要的延迟。它总是在2秒左右,并且不会改变。
动画
在延迟之后立即开始,并且看起来工作得很好。我注意到,如果我不
使用
scale
-option,延迟就会消失
浏览 46
提问于2019-06-21
得票数 3
回答已采纳
1
回答
如何使
动画
每次在
css
3中工作
html
、
css
我用
css
3制作了一些
动画
选项卡。当您第一次单击选项卡时,
动画
工作正常,但当您再次单击相同的选项卡时,它就无法工作,而且
动画
甚至在铬中第一次也不会被唤醒。//
Css
p{ margin:0; padding:0}section[id^=tab][id=tb4]:checked~label[for=tb4]{ background:#fff; z-index:1} @keyfr
浏览 1
提问于2014-05-13
得票数 0
回答已采纳
1
回答
jQuery中的多重
变换
动画
jquery
、
css
、
jquery-animate
、
transform
我有一个两部分的问题:$("target").animate({'left':'100px',myScaleProperty: 2, myRotationPreperty: 180}, {step: function(now,tween) {$(this).
浏览 2
提问于2013-04-29
得票数 2
回答已采纳
1
回答
带有
css
缩放的JQuery / Javascript智能向导
jquery
、
html
、
css
、
jquery-ui
该项目
使用
可变缩放级别,我已在代码中对此进行了补偿。但是,我不能让这段代码和我的智能向导代码一起工作。 <div class="objectx"></div></div>
浏览 1
提问于2014-05-12
得票数 1
1
回答
为什么SVG在webkit浏览器下缩放时会变得模糊?
css
、
animation
、
svg
、
webkit
当
使用
CSS
比例
变换
缩放SVG图像时,图像在Chrome或
Safari
下变得模糊?cssAnimation 120s infinite; 0% { transform:
scale
(1) } 100% { transform:
scale
(1); }
浏览 0
提问于2014-10-23
得票数 11
1
回答
CSS
'
scale
‘正在打破jQuery 'fadeIn’
jquery
、
css
、
transform
、
fadein
我的问题是,我添加了一个
CSS
变换
缩放效果来缩小内容(也是模糊的),并且缩放打破了覆盖淡入淡出。 if(!$('.content').removeClass('zoom'); }相关的
CSS
100%; -w
浏览 3
提问于2014-03-04
得票数 0
2
回答
transform:
scale
(x,x)不适用于Firefox中的
动画
jquery
、
jquery-ui
、
css
、
firefox
、
transform
我试图
使用
一个滑块来“转换:缩放(x,x)”
css
3“
动画
”在火狐。如果我关闭
动画
,滑块和缩放工作。如果我打开
动画
,它会动,但是缩放不起作用。$("#slider-step").on("change", function(e){
scale
= $(&
浏览 5
提问于2014-03-19
得票数 3
回答已采纳
1
回答
悬停图像效果-添加什么?
css
、
wordpress
、
hover
我一直试图在我的网站上实现这一效果,但似乎代码不起作用。这是。我主要改变了主题的这一部分。 min-width: 100%;} } max-width: 100%;改变最小宽度和高度将反映变化,我不确定如何在悬停图像时做到这一点。任何建议都会有所帮助。谢谢!
浏览 3
提问于2014-11-15
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
用CSS开启硬件加速来提高网站性能
盒子端 CSS 动画性能提升研究
【夯基石】-CSS2D转换
从矩阵的角度看CSS3动画
H5项目踩坑及出坑实践
热门
标签
更多标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM
活动推荐
运营活动
广告
关闭
领券