2回答
当使用svg-动画设置svg-text元素的CSS属性时，如何设置起始位置？
svg、svg-filters
我想使用svg-动画来动画一个svg-文本元素的CSS属性。我可以让动画工作得很好，但是CSS的起始位置是默认样式，而不是第一个关键帧的样式。
下面的代码说明了这个问题：
<svg id="foo" width="500">
<text x="0" y="100" style="fill: white;">
Some Text
</text>
</svg>
<svg>
<animate
xlink:href="#
浏览 1提问于2014-11-30得票数 0
回答已采纳
1回答
反应单元悬停的滑动式CSS动画
javascript、css、reactjs、css-animations
当用户悬停在框上时，我想将滑动动画添加到元素中。
最初，会显示一个汉堡图标(黑色)。当用户悬停在框上时，我想添加一个从右到左的滑动动画，并且颜色应该更改为绿色。当用户从div中移出时，动画应该从左向右滑动，元素应该回到其默认状态。
如何使用CSS实现这一目标？
代码沙箱：
App.jsx
import React from "react";
import "./styles.css";
import { ReactComponent as Burger } from "./burger.svg";
import { ReactComponent
浏览 4提问于2022-05-23得票数 0
1回答
动画SVG中元素重绘的控制
css、animation、svg、repaint、velocity.js
我很难弄清楚如何控制通过<object>标记嵌入页面中的SVG中动画元素的重新绘制。
当我使用内联SVG并检查重新绘制(使用Chrome的“显示重绘矩形”)时，我可以看到只有SVG中的动画元素正在重新绘制。但是，当将相同的SVG作为<object>包含时，动画元素似乎会导致整个图像不断地重新绘制。
我尝试过用velocity.js和CSS动画来动画(关键帧+嵌入SVG本身的样式)。对于后者，当我单独查看SVG时，只会重新绘制动画元素，但是当它嵌入到<object>中时，整个元素就会重新绘制。
这似乎效率低下，我想修复它，但我似乎找不到任何信息，为什么会发生这
浏览 7提问于2015-02-02得票数 1
1回答
SVG动画隐藏或停止后，页面加载？
jquery、html、performance、svg、css-animations
我在页面加载上显示一个SVG / CSS加载动画，我通常在页面加载后隐藏包含SVG / CSS的<div>。
当我们在不停止动画的情况下隐藏时，是否存在性能问题？隐藏SVG动画后是否有必要停止动画？在SVG和CSS动画的情况下？
浏览 5提问于2018-01-12得票数 0
4回答
当背景大小设置为100%时，为什么我的CSS滚动动画不能工作？
css、css-animations
我试图实现一个CSS动画，滚动一个重复的背景图像无限。为了使滚动尽可能平滑，我希望动画在图像处于与开始时完全相同的位置时循环。为了使动画看起来很好，不管任何特定用户的视口大小，我将使用SVG图形，我希望将background-size属性设置为100%或cover关键字。
我指定的参数不能按预期工作。但是，我选择的任何其他background-size值都是这样的。
为什么我的滚动动画在background-size 100%**?**是时不能工作？
有关工作示例，请参阅或使用以下代码：
<div id="element">
<h1>Scroll
浏览 6提问于2016-01-21得票数 1
回答已采纳
1回答
用Illustrator创建的SVG文件链接到我的html并给它悬停效果的最简单方法是什么？
html、css、svg
我探索了一些选项，比如使用object或svg标记。但是，我很困惑如何将SVG文件链接到html中，然后使用CSS对其进行动画化。
下面是我的代码示例
<div class="pull-left m-l-20 m-t-10 h3 inline-block">
<svg id="lnkLeft" class="c-dark"></svg>
</div>
是否可以使用SVG标记并将图像文件链接到其中，然后使用CSS中的类进行动画？
浏览 13提问于2017-01-23得票数 0
回答已采纳
2回答
SVG和CSS3动画的区别和相似之处？
css、svg
Sencha Animator专门使用CSS3动画。
RaphaelJS正在使用SVG动画。
我想知道SVG和CSS3动画有什么相似和不同之处？
其中一个可以用来代替另一个，或者它们是用于不同的任务吗？
浏览 0提问于2011-11-19得票数 7
回答已采纳
2回答
如何在css动画之后获得元素的位置(vanilla js)
javascript、css-animations
我正在从事一个涉及多个动画的项目，虽然大多数动画都是用css关键帧动画轻松完成的，但其他动画需要javascript，而我对如何执行这些动画感到有些困惑。我会尽我最大的努力来描述我不能在小提琴中显示的东西(我正在编码视频中的演示)。
页面中有几个部分，每个部分都有不同的元素淡入或退出、旋转等。当每个部分滚动到视图中时，就会添加一个“动画”类来触发css动画，其中一个是svg元素，从视图端口的北部降到它所在的视图的底部。但是，当用户继续向下滚动时，我需要将这个svg元素从视图以南的视图中动画化，然后在下一部分滚动到视图中时重新进入。因此，我试图得到findSection函数中元素的位置(请使用香
浏览 8提问于2018-06-04得票数 0
回答已采纳
1回答
在web上下文中的颜色混合选项(乘)？
css、animation、svg、adobe-illustrator、blending
我们有一个客户谁创造了一个动画图形(使用人工智能和后效果)。
这张图实质上是3个重叠的甜甜圈(由于“明显的原因”，现在不能发布)
每个甜甜圈都不是完全循环的，而是以某种独特的方式扭曲的。
每个甜甜圈在不同的和弦上有不同的线性颜色梯度。
每个甜甜圈旋转，鳞片和脉冲的速度略有不同的动画。
他们的图形是建立使用插图(每个甜甜圈是1层)，然后动画后效果。重叠甜甜圈的结果是一个很好的颜色倍增效果，每个甜甜圈的各个部分重叠。
目前，我正试图将其移植到网络上，并在颜色混合和乘法方面遇到重大问题。
一些我试过的东西。
将AI文件导出为SVG并使用RaphaelJS生成动画
直接从A
浏览 5提问于2015-01-06得票数 0
回答已采纳
1回答
SVG动画:跨度平移
html、css、animation、svg
我试图在悬停时将svg的每个字母动画化为文本元素(make then jump)。为此，我将每个字母放在一个<tspan>中，并在其上添加动画，无论如何，转换都不起作用。 <!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<style type="text/css">
svg text tspan {
fill: #666;
animation:jump 5s linear;
}
@keyframes
浏览 16提问于2019-01-23得票数 0
回答已采纳
1回答
Vaadin 14+中对话框的淡出动画
css、vaadin、vaadin-flow、vaadin14
我想知道是否有一种方法可以在vaadin flow 14中设置对话框的淡出动画。
在Vaadin 8中，您可以使用css类“v窗口-动画- In”和“v-窗口-动画-输出”来存档。
由于对话框的div覆盖div在阴影中，所以我无法通过css轻松地访问它。
浏览 2提问于2022-03-22得票数 1
回答已采纳
1回答
如何强制子元素遵守“`flex: nowrap;` CSS指令”
javascript、css、svg、flexbox
我在屏幕上同时有几个d3.js动画，每个动画都由CSS display: flex;和flex: nowrap;指令控制，问题(包装)动画和其他正确显示的动画(即非包装动画)之间唯一的区别是：
因为它有非svg头和文本输入元素，所以它包括锚定div或section元素。(据我所知，这些都是块级的，理论上占了整个可用的显示宽度，因此，在css文件中，设置display: inline;时被“重写”了。
溢出的svg路径元素，其长度现在已经被物理缩减，以匹配包含的svg:svg元素的限制。
令人沮丧的是，动画坚决拒绝受flex: nowrap;指令的管理。
问题：
是否有一种通用的
浏览 0提问于2014-08-14得票数 0
回答已采纳
1回答
尾翼:动画-旋转没有出现
reactjs、tailwind-css、vite、tailwind-ui、daisyui
我想包括一个从顺风-css加载旋转器，并根据尾风文件，这应该是可用的className=“动画自旋”。
我正在使用从Vite创建的React18。除了尾翼，我还安装了台石雨。
当我应用“动画自旋”并在浏览器中进行检查时，我可以看到当我选择旋转器时，它已经被添加了。它肯定在那里，在我的按钮元素中旋转，但出于某种原因，它只是不显示/是透明的。
这是我的代码：
<div className="bg-gray-50 px-4 py-3 text-right sm:px-6">
<button
浏览 13提问于2022-11-01得票数 0
回答已采纳
1回答
将SVG移动到反应本机太大的左侧，会使它从右边返回，而不是隐藏它。
react-native
因此，我试图动画一个云svg从左边的屏幕，并转到右边。为此，我将左css属性设置为svg的-width。但是svg不是隐藏的，而是从右边来的。下面是一个宽度为-一半的例子：
我使用的样式道具是：{ position: 'absolute', top: 70, left: -70 }
我怎么才能阻止它从右边出来呢？
谢谢。
浏览 0提问于2018-10-18得票数 0
回答已采纳
1回答
SVG/SMIL再流/再油漆对性能的影响？
html、performance、svg、reflow、smil
在过去，我在javascript中做了很多工作，包括一些DOM操作。从这里我了解到，在某些情况下，重新绘制/重新绘制可能是一个很大的性能问题，并且通常应该限制在最低限度。例如，当添加一组div时，您应该一次性添加(将它们附加到DOM之外的div，然后附加它)，而不是一个接一个地附加它们。对于重绘也是如此，可以通过更改元素的CSS属性来触发重绘。虽然我必须承认，我从来没有研究过那么多的重新油漆，所以我可能是错误的最后一部分。
这是否也适用于SVG (考虑到它使用的是一种DOM，这似乎是合理的)？对于不同的SVG元素，有什么不同吗？例如，动画元素不会创建回流，因为它不是一个新的SVG元素，而是更像
浏览 1提问于2014-07-08得票数 2
回答已采纳
1回答
在Jquery事件上启动Svg animateMotion
html、svg、path、jquery-animate
我目前正在做svg动画。
我有一个SVG元素，它遵循带有animateMotion属性的路径。
我的形状：
<g id="dart" transform="scale(-1,1) translate(-587, -145)">
<path d="..." />
</g>
我的道路：
<path id="motionPath" fill="none" stroke="none" stroke-miterlimit="10" d=
浏览 3提问于2016-02-25得票数 0
回答已采纳
2回答
jquery动画对位置的影响
javascript、jquery、css、animation
我有一个小动画，增加我的缩略图的大小悬停，这是有效的，但影响其他图像的位置。
问题是当你悬停在一个img上时，另一个img的下移，以及容纳动画所占用的空间的权利。我希望其他的图像不要移动，因为其中一个是动画。
$num和for循环从MySQL表中提取图像，忽略
<html>
<?php
for($i; $i < $num; $i++){
echo "<img class='img' id='img" . $i . "' />";
}
?>
<script>
$('.i
浏览 6提问于2014-04-05得票数 1
回答已采纳
1回答
SVG线条动画淡入背景图像？
jquery、animation、svg、background-image、fadeout
我有一个SVG动画横幅，我想要淡入它下面的jpg图像。svg横幅会褪色，但背景图像的大小不同，而且它也会褪色，这是我不想要的。
我已经制作了一个带有黑色bg的svg线动画，当动画完成时，它会褪色，但我想在动画和黑色div褪色时显示一个图像，或者在动画和黑色div下面显示一个图像。能找到的我都试过了。我可以在它下面得到图像，但它与黑色div的大小和位置不同，并且图像也会淡出(我认为是由于jquery fade div.center-div代码？)。我想要图像留下来，我也想要它的响应性。我做了一个jsfiddle，但是黑色的div/svg在我的电脑上没有褪色，我不确定你在这里看不到jpg -
浏览 0提问于2019-04-09得票数 0
1回答
在HTML页面中嵌入动画SVG，暂停(未启动动画)
javascript、html、animation、svg
您可以将SVG文件嵌入到(X)HTML 5文档中：
<object data="anim.svg" id="svganim"/>
或
<img src="anim.svg" alt="embedded SVG"/>
但是如果anim.svg是动画的话，只要页面加载，动画就会开始播放。
如何嵌入动画SVG文件，使动画开始暂停？用户可以按下按钮(在Javascript中使用unpauseAnimations() )来播放动画。
不雅的方式
window.onload = function() {
var
浏览 11提问于2012-07-07得票数 2
回答已采纳
1回答
SVG元素上的CSS变换过渡
javascript、css、svg、css-transitions
我正在尝试使用CSS转换显示SVG元素的旋转并立即生成动画。 const node = getSVGElement(); // Has 'transform' set to 'rotate(0)'
node.classList.add('svg-animation');
const parent = document.getElementById('someDiv');
parent.appendChild(node);
setTimeout(() => {
node.setAttribute('transfo
浏览 36提问于2021-09-26得票数 1
2回答
SVG CSS3动画的奇怪行为
css、animation、svg
在此之前，我应该说，我对SVG世界是全新的。我正在尝试一个使用SVG和CSS3动画的相当简单的实验。
我已经在Inkscape中创建了SVG，并将其另存为纯SVG。然后我把它放到超文本标记语言中，用来播放一些CSS3动画。
从我下面的链接中可以看到，整个SVG会奇怪地反弹，这可以通过从CSS中删除.arm类来删除。(这会停止具有arm类的单个红色圆圈组)。
问题是，我希望红色圆圈组动画(旋转)，而整个更大的组也在旋转。
有什么想法或明目张胆的事情我可能做错了吗？(我确实意识到这不是最好的SVG，但我只是在尝试)。
注1:如果我删除了.arm或.center的CSS规则，那么摆动就会停止，但它
浏览 1提问于2013-02-28得票数 2
回答已采纳
1回答
svg:use元素中的SVG动画。在Firefox中工作，而不是在Chrome中
google-chrome、svg、d3.js、svg-animate
我使用svg:use元素在包含许多节点的大型D3.js树中嵌入一个动画SVG微调器。
一个节点如下所示：
<g class="node clickable" data-path="1" data-depth="0" transform="">
<text class="title" x="0" y=".36em" style="fill-opacity: 1;" text-anchor="begin">Model</t
浏览 0提问于2013-08-07得票数 1
1回答
进入视口时显示svg动画
jquery、css、animation、svg、viewport
我有个问题。我在.svg-file中使用了svg动画。这很好用，如果我把它添加到<object>中，它会显示我用css做的动画。一切都好。但是这个svg不在页面的顶部，所以如果用户在那里滚动，动画就已经完成了。当然，我可以添加一个无限参数，但这看起来太疯狂了。因此，我的问题是如何在svg到达视口时触发动画。
有没有什么我还没有找到的插件，你可以在每个svg-object或者类似的插件中添加一个类？或任何其他想法如何实现这一点？它应该支持多个svg-objets在同一页上，以满足我的需求。我找不到任何用wow.js或waypoints.js做这件事的方法。谢谢!
浏览 2提问于2016-02-17得票数 0
1回答
SVG动画中有动画播放状态属性吗？
animation、svg
我正在使用<animate>动画svg元素。在SVG动画中，是否存在与CSS动画中的animation-play-state属性等效的属性？我看过这个文档，它似乎没有一个，但我只是想确保。
浏览 6提问于2022-06-03得票数 1
1回答
哪一个装得更快？svg作为图像或svg代码
html、css、performance、svg
我有一个冗长的网页，显示了大量的排版设计。简单地将它们加载到图像中还是使用svg代码会更快呢？
除了速度问题之外，我将选择svg在代码中，因为我可以使用css转换和动画来增加设计的趣味性。
在这两种选择中，我还需要考虑什么？
浏览 6提问于2020-02-19得票数 4
回答已采纳
1回答
我使用点击事件来触发CSS动画，为什么当再次点击动画时，动画不会再次运行？
javascript、html、css、animation、dom
我刚开始使用web，我正试图更好地理解DOM。
我的代码的目的是在触发单击事件时为元素提供一些动画。以下是我尝试过的：
代码：
const svg = document.getElementById('svg');
const button = document.getElementById('button');
button.onclick = function() {
svg.style.animation = 'svg-color 5s linear 1 1s';
}
svg {
background-color: light
浏览 6提问于2021-12-17得票数 0
1回答
获取容器中的滚动位置
javascript、svg
我正在尝试做一个动画svg，我需要知道我的div上的滚动位置，我已经从复制了一些代码
问题是，我想让scroll在进入div元素时开始计数，下面是我所做的代码：
var scrollpercent =
(document.body.scrollTop + document.documentElement.scrollTop) /
(document.documentElement.scrollHeight - document.documentElement.clientHeight);
console.log($(".svg-container").scrollT
浏览 3提问于2016-10-11得票数 2
2回答
使用JavaScript库为SVG组对象设置动画
javascript、animation、d3.js、svg
我创建了一个SVG组对象，并附加了包含HTML文本的rectangle和foreignObject-SVG元素。我定义了一个动画函数，它在组的'mousedown‘事件上被调用。动画函数在id指定的元素上进行转换。
这就是不起作用的部分。如果我使用：
d3.select("#group").transition()
我可以看到组的x坐标在变化，但组内的元素不会移动。如果我将#Id设置为foreignObject或矩形的Id，它们将会移动。因此，我假设我必须在“组的每个子元素”上调用转换，但我不知道如何做。
下面是我准备的一个示例：
我也想知道如何用鼠标拖动“整个组”。
浏览 0提问于2013-04-11得票数 1
回答已采纳
1回答
使用jquery anmate() scrollLeft将轮播项目滚动到轮播的中间
javascript、jquery、css
我到处都找过了，但我找不到合适的答案(也许我错过了)。在我的carousel中，当单击一个项目时，它应该通过滑动移动到carousel的中间。我使用的是animate({scrollLeft: value }, speed);，但它不会做任何动画，但如果我做了scrollTop，它就能工作(当然是通过调整css ...)。在animate()中，为什么scrollTop: value可以工作而scrollLeft: value不能工作
请查看我的jsFiddle：
非常感谢
浏览 1提问于2012-04-12得票数 0
回答已采纳
2回答
缩放时svg模糊
css、svg
我已经创建了一个svg图像，现在的问题是我试图用css3动画来动画该图像
@keyframes animate {
from {transform: scale(1);}
to {transform: scale(10);}
}
但图像在动画过程中变得模糊，并在动画之后立即变得很好。
有没有在动画过程中不模糊图像的解决方案？
浏览 10提问于2014-12-20得票数 0
2回答
SVG动画线不稳定的行为
javascript、html、css、animation、svg
我试图动画从左，右，上和底部的线条(线应该从屏幕的边缘开始)。动画在IE11中工作得很好，但在Mozilla和Chrome中却不行。其他我还没有测试过的浏览器。我用绘图。
在Chrome和Mozilla中(IE11很好，行为正常)，如果在Illustrator中，我将Object>Artboards>Fit设置为艺术品边界(最小化了创建或编辑SVG时通常所做的)，我就得到了这个结果(更糟的是)-
我花了好几个小时自己想办法解决问题，但没有成功。我开始在GSAP论坛和CSS技巧论坛上的主题(stackoverflow.com限制我只作为一个新手发布2个链接)。
我使用GSAP库来动
浏览 4提问于2015-03-04得票数 2
回答已采纳
1回答
如何在点击时使用带有javascript的svg的内联动画？
javascript、jquery、css、animation、svg
我目前正在使用svg进行一个web项目。我正在用多边形(确切地说是45个多边形)建造建筑物，这个想法是当你点击一个按钮时改变多边形的点。因此，它将在两者之间制作动画，从而使建筑物切换到不同的建筑物。
我设法使动画内联在svg上，这样当您打开页面时，它就会有动画效果(暂时会有延迟)。但我现在正在尝试做的是，当你点击一个按钮时，内联动画将被激发。
这是一个多边形的一行代码。
<polygon class="b1" fill="#DCDDDB" points="555,114 552.5,416 568.5,413.004 ">
浏览 2提问于2015-06-01得票数 0
2回答
D3.js -为什么会为每个子元素触发mouseover和mouse？
javascript、d3.js
我使用d3.js生成一个svg圆，圆的中间有一个文本徽标。这是svg结果。
<g id="main">
<circle r="114" fill="#F0E8D0"></circle>
<text text-anchor="middle">The movie title</text>
</g>
下面是d3.js
var circles = [{r: innerRadius}];
svg.append("g").attr(
浏览 6提问于2014-03-17得票数 16
回答已采纳
3回答
带有CSS过渡的SVG过滤器
html、css、animation、svg、css-transitions
我正在做一个带有css动画的svg过滤器。我使用
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<defs>
<filter id="goo">
<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur" />
<feColorMatrix in="blur"
浏览 25提问于2017-07-17得票数 4
回答已采纳
1回答
将SVG SMIL动画转换为CSS动画
css、animation、svg、css-animations
我当前的SVG是使用SMIL动画动画的：
<?xml version="1.0" encoding="utf-8"?>
<svg height="512px" viewBox="0 0 100 100" width="512px" xmlns="http://www.w3.org/2000/svg">
<g transform="scale(0.8) translate(-0.6, -0.6)">
<g id="
浏览 4提问于2016-05-20得票数 1
回答已采纳
1回答
是否可以像这样在CSS中添加一个之前的元素：
ul {
li:before {
content: url('../icons/fancy-symbol.svg');
}
}
并访问svg的对象(例如，特定的线条或矩形)和属性(例如，描边宽度、删除线和填充颜色)？
或者是否有针对此类情况的变通方法？
用例是在悬停时为一些线条上色，并在单击时为svg设置动画。
浏览 2提问于2016-03-24得票数 2
1回答
为什么这个选择器的动画字体大小的SVG工作不一致？
css、svg、css-selectors
我的CSS选择器在应用于SVG时似乎不一致。我试图动画一个SVG的出现和消失，但动画只适用于不透明度，而不是字体大小。
<svg stroke="currentColor" fill="currentColor" stroke-width="0"
viewBox="0 0 448 512" class="flashCue" height="1em" width="1em"
xmlns="http://www.w3.org/2000/svg" style=&#
浏览 0提问于2019-07-10得票数 0
2回答
svg.js导出带有动画的svg
javascript、svg、svg-animate、svg.js
我在我的网站上使用插件svg.js。有一种可能性，以导出我在网站上创建的svg文件。但是当我这样做时，它只给了我一个没有动画的代码，我添加了这个代码。
现在它就像
<rect id="svg1" width="134" height="70" x="50" y="50" fill="#14a836"></rect>
我需要的是我用.animate()添加的动画，
例如rect.animate(1000, '-', 2000).move(200, 300)，
所
浏览 4提问于2018-08-24得票数 0
2回答
如何用JQuery.hover + Raphael.animate动画菜单？
svg、raphael、jquery-hover
看这把小提琴：
每个列表项都包含一个SVG元素。
我的目标是当用户悬停列表项时，就会出现Raphael动画(针对它的子svg元素)。
我有以下问题：
当鼠标缓慢移动时，JQuery.hover工作得很好。但是，当您快速地鼠标穿过(和关闭)两个列表项(水平)时，svg元素通常会卡在"mouseenter“动画位置上。。
我试图弄清楚如何让动画像预期的那样工作:当快速浏览两个列表项时，最终的结果是svg元素处于"mouseleave“位置。
上面的小提琴演示了这个问题(在FireFox 5和Chrome 13中)。
浏览 2提问于2011-08-18得票数 0
回答已采纳
1回答
使用css为svg设置动画
javascript、jquery、html、svg、snap.svg
我需要(使用css)制作SVG动画，但我不想将所有SVG代码嵌入到页面中。
在寻找了在页面中包含我的svg并且仍然能够使其具有动画效果的方法之后，我发现唯一不嵌入svg原始数据的方法是使用一个对象，但是任何制作svg动画效果的css都需要包含在样式标签中或者从svg文件链接到它。这对我来说并不是一个真正的选择。
然后我看了一下Snap，它工作得很好，但后来我发现我可以通过jquery加载外部文件，并使用CSS动画：
$('.mysvg').load('path/to/my-svg.svg');
我的问题是，这样做有什么限制或需要注意的地方吗？我是否遗漏了一些明显
浏览 2提问于2015-08-30得票数 0
我想要标题，这是位置:固定不移动时，我把一个边距#主要部分。我已经看到试图添加填充到顶部的元素，但这并没有帮助。我甚至尝试给#电子邮件部分一些最高利润，但这也不起作用。它几乎像标题和主要元素是附加的。我是一个自学和自学的网站开发人员。如果这不合理，我很抱歉。我将尽力帮助您了解有关代码的任何信息。谢谢。
body {
background: url(marble_background_backup.jpg);
}
header {
position: fixed;
display: flex;
width: 100%;
flex-direction: row;
al
浏览 4提问于2022-04-25得票数 0
1回答
有没有办法给嵌入式SVG添加一个类？
html、css、svg
我正在建立一个网站，有一个嵌入的SVG标志在顶部。当它自己绘制时，它有一个漂亮的动画。虽然在测试中，动画会让人分心，因为它在每个页面上都有动画效果。我在SVG中添加了一个类，如果它有
<svg class="showAnimation">
它是动画的，如果它没有那个类，它就不会动画。或者，即使showAnimation类位于任何父类上，也可以正常工作。但是在做
<embed src="/media/logo.svg" class="showAnimation">
不起作用，因为我猜HTML中的类不会向下传播。我不想内联S
浏览 0提问于2014-12-24得票数 0
2回答
用特克斯锚包装文本:结束
html、css、svg
所以我有一个HTML/CSS片段：
HTML：
<svg class="container">
<g>
<svg class="amount-container">
<text class="amount" >500</text>
</svg>
</g>
</svg>
CSS：
.amount {
writing-mode: tb;
text-anchor: end;
}
.amount-containe
浏览 3提问于2016-04-26得票数 0
回答已采纳
2回答
SVG <set>标签的dur属性不具有动画效果
css、svg、w3c
我正在尝试使用SVG标签来设置翻转动画，但即使我指定dur="1s"，过渡也是即时的(在火狐、Safari、<set>和Chrome中)。
<html>
<body>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" f
浏览 0提问于2012-04-10得票数 1
回答已采纳
1回答
svg如何在svg符号上添加边框？
d3.js、svg
我正在使用一个包含国家国旗的大型svg，例如
<symbol viewBox="0 0 640 480" id="flag-be">
<g fill-rule="evenodd" stroke-width="1pt">
<path d="M0 0h213.34v480H0z" />
<path fill="#ffd90c" d="M213.34 0h213.33v480H213.33z" />
浏览 0提问于2018-08-28得票数 1
回答已采纳
1回答
与Css转换一起使用时来自getBoundingClientRect的X和Y值错误
css、reactjs、dom
在React中，当一个特定的图片被选中时，我正在动画化从许多图片到一个图片的转换。
根据原始点击图像的x和y位置，我使用下面的css来制作动画。现在是硬编码。但是，当将值放入css的翻译中时，这些值似乎是不存在的，我不知道为什么。
我绝对定位了一个具有相同值的div，这是正确的。但是，翻译的起始值不是我要投入的。
@keyframes move-image {
from {
transform: translate( 383.125px, 7.998px) scale(1);
}
}
.animation {
animation: move-image
浏览 0提问于2019-02-25得票数 1
回答已采纳
1回答
如何用颜色填充SVG
javascript、jquery、html、css、svg
有人能帮我处理css和javascript吗？我需要创建一个滚动动画页面。 1、2、3必须用颜色填充。
<div class="container">
<div class="een">
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
<!-- Created with S
浏览 4提问于2017-03-06得票数 0
1回答
使用带有Rails的D3.js裁剪动画圆圈
ruby-on-rails-4、d3.js
我试图在网页的整个body元素中动画化一些SVG圆圈，但是当他们到达这一行时，他们似乎被剪短了，<%= yield %>在application.html.erb of RoR应用程序中。
application.html.erb看起来如下所示，
<!DOCTYPE html>
<html>
<head>
<title>KegCop</title>
<%= stylesheet_link_tag 'application', media: 'all', 'data
浏览 1提问于2014-07-18得票数 0
回答已采纳
1回答
Safari中的SVG动画:不支持翻译操作
svg、safari、css-animations
考虑一下这个简单的SVG文档：
<?xml version="1.0" encoding="utf-8"?>
<svg xmlns="http://www.w3.org/2000/svg">
<style type="text/css">
text { font-size: 400%; }
@keyframes basic {
0% { transform: translateY(-100px); opacity: 0; }
100% {
浏览 4提问于2017-02-24得票数 0
3回答
带有动画的jQuery setTimeout
jquery、css、jquery-animate
我有一些设置的CSS，2秒后我想恢复到他们定义的位置。
我使用的是：
setTimeout(function() {
$("div").css("z-index", "");
$("div").css("height", "");
$("div").css("width", "");
$("div").css("marginLeft", ""
浏览 5提问于2011-11-17得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
