Fix bug in info page animation
This commit is contained in:
parent
9ef6abebc1
commit
a18e06d3c7
2 changed files with 6 additions and 2 deletions
|
@ -1,4 +1,4 @@
|
|||
var CACHE_NAME = 'my-site-cache-v1';
|
||||
var CACHE_NAME = 'snapdrop-cache-v1.0';
|
||||
var urlsToCache = [
|
||||
'/',
|
||||
'/styles.css',
|
||||
|
|
|
@ -497,9 +497,13 @@ input {
|
|||
border-radius: 50%;
|
||||
background: var(--primary-color);
|
||||
transform: scale(0);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
/* Hack such that initial scale(0) isn't animated */
|
||||
#about x-background{
|
||||
will-change: transform;
|
||||
transition: transform 800ms cubic-bezier(0.77, 0, 0.175, 1);
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
#about:target x-background {
|
||||
|
|
Loading…
Reference in a new issue