StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POSVG <set> tag's dur attribute does not animate
primarykey
Id
10081361
data
AcceptedAnswerId
10082980
AnswerCount
2
ClosedDate
CommentCount
2
CommunityOwnedDate
CreationDate
2012-04-09T23:57:07.547
FavoriteCount
0
LastActivityDate
2014-12-21T10:51:42.370
LastEditDate
2012-04-10T03:57:12.940
LastEditorUserId
1058935
OwnerUserId
1058935
ParentId
0
PostTypeId
1
Score
1
ViewCount
1312
LastEditorDisplayName
text
Body
<p>I'm trying to animate a rollover using the SVG <code><set></code> tag, but even though I specify dur="1s", the transition is instantaneous (in Firefox, Safari, Opera, and Chrome).</p> <pre><code><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" fill="red"> <set attributeType="CSS" attributeName="fill" to="green" begin="mouseover" end="mouseout" dur="1s" /> </circle> </svg> </body> </html> </code></pre> <p>I can achieve the effect that I want using two <code><animate></code> tags, but I want to be able to apply the transition to multiple elements that may have different initial colors that I want preserved (this method requires that I specify the initial color "red" in the second animate tag).</p> <pre><code><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" fill="red"> <animate attributeType="CSS" attributeName="fill" to="green" begin="mouseover" dur="1s" fill="freeze" /> <animate attributeType="CSS" attributeName="fill" to="red" begin="mouseout" dur="1s" fill="freeze"/> </circle> </svg> </body> </html> </code></pre> <p>The <code><set></code> tag in the first code segment preserves the initial colors, but the transition is not animated. If my understanding of the w3 spec is correct, it should be - does this look like a browser-specific bug, or did I misunderstand the w3 spec? Is there a better way of going about this?</p>
Tags
<css><svg><w3c>
Title
SVG <set> tag's dur attribute does not animate
singulars
PostAcceptedAnswerId
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USaccidental_PhD
UserOwnerUserId
1. USaccidental_PhD
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
  singulars
  PostTypePostTypeId
  PTAnswer
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  POSVG <set> tag's dur attribute does not animate
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
CommentsPostId
1. CORepro cases: http://jsfiddle.net/4xx5p/ (and this is true on Safari as well as Firefox)
  singulars
  PostPostId
  POSVG <set> tag's dur attribute does not animate
  UserUserId
  USPhrogz
2. COThanks for verifying that it doesn't work in Safari either; I just tested in Opera and Chrome as well, and I'm getting the same behavior there too.
  singulars
  PostPostId
  POSVG <set> tag's dur attribute does not animate
  UserUserId
  USaccidental_PhD

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.