1回答
我在CSS动画scale()中遇到了一个小问题。我已经将CSS设置为当我悬停图像时将图像缩放1.1倍。这是正确的，但在图像上也会出现一条恼人的线条。这是由于scale()转换造成的，因为如果省略它，就不会显示线条。这会不会是因为我让图像比实际大小更大，或者...？它甚至显示在我创建的这个小提琴中：该图显示了我的意思：
浏览 22提问于2018-08-21得票数 2
我正在制作一个由CSS3驱动的简单登录页面。: scale(1, 1);}@keyframes hover { transform: scale(1, 1我像这样分配了动画： /* Some basic styling here */
animation: splash 1s normal forwards ease-in-out一旦用户模糊了<a>，<em
浏览 3提问于2011-12-13得票数 63
回答已采纳
我目前正在使用animateTransform制作一个动画
<animateTransform xmlns="http://www.w3.org/2000/svg" attributeName="transform" type="scale" additive="sum" begin="mouseenter" from="1" to="1.2" dur="1&quo
浏览 0提问于2018-05-25得票数 1
回答已采纳
4回答
当它有简单的变换比例动画时，它开始在Google Chrome和Opera中闪烁。下面是一个简单的示例：
body { overflow: hidden width: 100%; backfaceVisibility: 'hidden',});
浏览 1提问于2017-04-20得票数 3
1回答
当我悬停btn时，我通过jQuery在这些svg元素上设置动画，如下所示 function(){ $(this).parent().parent().find(".svg-circle").attr("class", "svg-circle");这些是css(1); }
10% { transform: scal
浏览 7提问于2017-08-03得票数 0
回答已采纳
1回答
有人能帮我摆脱css的抖动吗？这里的HTML： <div class="item"></div>.carousel-inner {
浏览 3提问于2017-09-26得票数 0
回答已采纳
1回答
我使用的是Chrome和纯pulse CSS动画。animation: scaleout 3.0s infinite ease-in-out;
0% { -webkit-transform: scale(0.0) } -webkit-transform: scale(1.0); }这是。一旦我运行它，其他Chrome窗口的滚动就会变得不平滑，甚至现在我的打字也有点麻
浏览 2提问于2015-05-05得票数 1
回答已采纳
2回答
我有一个简单的例子()，它有两个具有悬停功能的"tiles“(只有css，没有javascript)。-moz-transition: all 0.3s; transition: all 0.3s;然后我有了一个:悬停css，如下所示： -moz-transform: scale(1.1); transform: <e
浏览 3提问于2017-03-02得票数 2
这个JQuery动画看起来很不稳定，我可以修复它吗？如果没有，我如何使用CSS来完成？也许我可以使用JQuery来编辑CSS？
浏览 0提问于2017-08-25得票数 0
我注意到，每当我使用jquery动画时，长时间和小的变化动画就会变得令人难以置信的不快！解决这一问题的唯一方法似乎是大大缩短时间和扩大规模。但在某些项目中这是不可能的..。那么，我的问题是，还有其他有动画引擎的库可以提供图像的平滑缩放吗？还是我错过了什么技术？这是我的动画：
$('.item a').mouseover(funct
浏览 5提问于2013-09-20得票数 1
回答已采纳
1回答
动画应用的比例为0.95，alpha为0.75，自动反转并无限重复。我有动画工作，但动画是非常笨重(不平滑)。如何使用CAAnimationGroup和CABasicAnimation平滑地设置这些属性的动画效果？
private func transformWithScale(_ scale: CGFloat) -> CATransform3D {
let
浏览 12提问于2020-05-07得票数 1
3回答
我有一个元素，它具有无限的css3动画，当元素被悬停时，它会被更改为另一个无限的动画。一切都很好，但有时动画的变化太快了，有没有办法使鼠标机和鼠标保存器之间的动画平滑(可能会将元素带入动画之间的初始状态)之间的转换？两种动画的开始和结束状态是相同的。@keyframes first-animation {50% { transform: scale3
浏览 0提问于2014-03-07得票数 16
回答已采纳
1回答
我为我的站点中的模式对话框使用了一个自定义动画(参见)。下面是我的CSS代码： -moz-transform: scale(1); transform: scale(1); transform: transl
浏览 1提问于2017-03-27得票数 0
body = $("body"), $("img").click(function() { body.css("-webkit-transform", "scale3d(1, 1, 1)"); body.css("-webkit-transition", "-webki
浏览 2提问于2014-02-11得票数 1
1回答
SVG跟随指针动画口吃
、、、
当SVG元素被动画化(平移、缩放或旋转)时，跟随我的指针的SVG的转换会结结巴巴。有趣的是，当窗口没有聚焦时，过渡仍然是平稳的。谢谢!}
animation: re
浏览 0提问于2022-09-15得票数 0
3回答
我可以使用CSS转换让圆变大，但它会立即变大，而且有点难看。理想情况下，我希望有2-3000毫秒的延迟与线性增长，无论是在悬停和鼠标输出。我知道我可以用JS/D3做到这一点，但如果可能的话，我需要用CSS来做到这一点。(1); transform: scale(1);} 25%
浏览 8提问于2015-05-21得票数 0
当我动画一个TCircle的位置，动画是平滑的，似乎发生在亚像素增量/递减。然而，当我动画的宽度(或/和高度)的TCircle，动画的像素增量，使它看起来不那么平滑。这是特别引人注目的，当执行一个缓慢的动画，其中的位置(X和Y)，宽度和高度同时动画，创造了缩放效果。圆圈的左上半部分向外平滑地运动，而右下方的部分则是干涩的。
不知道为什么会发生这种事。(顺便说一句，当Scale.X和Scal
浏览 2提问于2014-10-20得票数 4
回答已采纳
1回答
我有这个设置与SVG完美地工作，但我很好奇，如果有人知道如何平滑过渡和/或添加动画之间的悬停动画我有。现在，规模正在增加，如果我能以某种方式获得动画，那就太棒了。我认为内联JS在某个地方是最好的/最灵活的，但我不确定如何正确地动画SVG。我想在这里的某个地方内联将是最好的，但我再次不确定它是否可能用内联SVG来平滑现有的缩放效果，或者是否需要一种不同的方法来实现这种悬停效果的动画版本。importedPaths.setAttribute("
浏览 5提问于2014-03-09得票数 1
回答已采纳
1回答
此按钮由以下CSS属性定义： width: 50px; border: 3px solid #F1F2F0;}#button:hover { transform: scale(1.1);box-shadow: 0px 0px 70px rgba(0,0,0,0.4);}
浏览 3提问于2016-08-16得票数 0
最近有人问我，这些代码片段中的哪一个在工作的代码测试中表现更好。哪一项是正确的?为什么？.nav { transition: left 300ms linear; left: 0px;}
.nav { transition: transform 300ms linear; transfor
浏览 2提问于2020-08-23得票数 0
云服务器
ICP备案
对象存储
实时音视频
云直播
腾讯云开发者
