WebKit Bugzilla
Attachment 361402 Details for
Bug 194395
: Fix animation rendering on the webkit.org homepage
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Requests
|
Help
|
New Account
|
Log In
Remember
[x]
|
Forgot Password
Login:
[x]
[patch]
Patch
bug-194395-20190207085948.patch (text/plain), 2.86 KB, created by
Jon Davis
on 2019-02-07 08:59:49 PST
(
hide
)
Description:
Patch
Filename:
MIME Type:
Creator:
Jon Davis
Created:
2019-02-07 08:59:49 PST
Size:
2.86 KB
patch
obsolete
>Subversion Revision: 241121 >diff --git a/Websites/webkit.org/ChangeLog b/Websites/webkit.org/ChangeLog >index 93467ae4cc3a129531ee02715be1d1648167930c..362f3216ca03d06b070bac330faa689d850f94c3 100644 >--- a/Websites/webkit.org/ChangeLog >+++ b/Websites/webkit.org/ChangeLog >@@ -1,3 +1,12 @@ >+2019-02-07 Jon Davis <jond@apple.com> >+ >+ Fixed animation positioning when homepage animation completes >+ https://bugs.webkit.org/show_bug.cgi?id=194395 >+ >+ Reviewed by NOBODY (OOPS!). >+ >+ * wp-content/themes/webkit/front-header.php: >+ > 2019-02-04 Jon Davis <jond@apple.com> > > Add demos for Intersection Observer API >diff --git a/Websites/webkit.org/wp-content/themes/webkit/front-header.php b/Websites/webkit.org/wp-content/themes/webkit/front-header.php >index 9bf16a21e3ac8b2b77eb91fbdafebc491201f236..3024abb325a9c26eb04659d30a4f00306b4e7c36 100644 >--- a/Websites/webkit.org/wp-content/themes/webkit/front-header.php >+++ b/Websites/webkit.org/wp-content/themes/webkit/front-header.php >@@ -46,9 +46,9 @@ > position: absolute; > width: 100%; > height: 1261px; >- background-image: radial-gradient(ellipse closest-corner at center center,hsl(198, 100%, 20%) 0%,hsla(204, 100%, 20%,0) 100%); >+ background-image: radial-gradient(ellipse closest-corner at center center, hsl(198, 100%, 20%) 0%, hsla(204, 100%, 20%, 0) 100%); > z-index: 4; >- transform: translateY(-45rem); >+ transform: translateY(-450px); > } > > #template { >@@ -61,7 +61,8 @@ > background-position: 50% 49.5%; > background-size: 101.5%; > z-index: 3; >- transform: translateY(-40rem); } >+ transform: translateY(-400px); >+ } > > #compass { > position: absolute; >@@ -72,10 +73,12 @@ > background-position: 50% 50%; > background-size: 98%; > opacity: 0.3; >- -webkit-animation: bgspin 360s ease-out; >- animation: bgspin 360s ease-out; >+ animation-name: bgspin; >+ animation-duration: 360s; >+ animation-timing-function: ease-out; > z-index: 2; > will-change: transform; >+ transform: translateY(-400px); > } > > @keyframes bgspin { >@@ -89,18 +92,6 @@ > } > } > >- @-webkit-keyframes bgspin { >- from { >- transform: translateY(-400px) rotate(0); >- -webkit-transform: translateY(-400px) rotate(0deg); >- } >- >- to { >- transform: translateY(-400px) rotate(360); >- -webkit-transform: translateY(-400px) rotate(360deg); >- } >- } >- > .hero .content { > position: relative; > max-width: 800px; >@@ -148,10 +139,8 @@ > @media (prefers-reduced-motion) { > #compass { > animation: none; >- transform: translateY(-400px); > } > } >- > </style> > > <?php if ( is_front_page() && have_posts()): the_post(); ?>
You cannot view the attachment while viewing its details because your browser does not support IFRAMEs.
View the attachment on a separate page
.
View Attachment As Diff
View Attachment As Raw
Actions:
View
|
Formatted Diff
|
Diff
Attachments on
bug 194395
: 361402