[Webkit-unassigned] [Bug 48340] New: CSS animation doesn't work for border-radius

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Tue Oct 26 10:02:23 PDT 2010


https://bugs.webkit.org/show_bug.cgi?id=48340

           Summary: CSS animation doesn't work for border-radius
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
        OS/Version: Windows 7
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: jon.ronnenberg at gmail.com


Created an attachment (id=71903)
 --> (https://bugs.webkit.org/attachment.cgi?id=71903&action=review)
test case

-webkit-transition* when used in conjunction with border-radius has no effect.
Takes the following CSS:
.tweet {
  background-color: #E0E9EF;
  margin: 5px;
  padding: 5px;
  border: 2px groove #1671AA;
}

.tweet:hover {
  -webkit-transition-property: border-radius, background-color;
  -webkit-transition-duration: 2s;
  background-color: gold;
  border-radius: 0.5em;
}

In the above case only the background-color property is animated.

Tested in the latest nightly (533.17.8)

Test case is attached.

PS. The same applies for border-style. I haven't tested further CSS properties.

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.



More information about the webkit-unassigned mailing list