Impaczus/2048
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

improve donate button animation

Browse Source
This commit is contained in:
Gabriele Cirulli
2014-03-11 15:47:11 +01:00
parent 9d50e7d746
commit 603833b981
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style/main.css
+6 -4
View File
@@ -667,10 +667,11 @@ hr {
right: 50%; right: 50%;
margin-right: -170px; margin-right: -170px;
padding-bottom: 7px; padding-bottom: 7px;
top: 40px; top: -30px;
opacity: 0; opacity: 0;
-webkit-transition: 200ms ease; pointer-events: none;
-moz-transition: 200ms ease; -webkit-transition: 400ms ease;
-moz-transition: 400ms ease;
-webkit-transition-property: top, opacity; -webkit-transition-property: top, opacity;
-moz-transition-property: top, opacity; } -moz-transition-property: top, opacity; }
.btc-donate .address:after { .btc-donate .address:after {
@@ -694,4 +695,5 @@ hr {
text-align: center; } text-align: center; }
.btc-donate:hover .address, .btc-donate .address:hover .address { .btc-donate:hover .address, .btc-donate .address:hover .address {
opacity: 1; opacity: 1;
top: -45px; } top: -45px;
pointer-events: auto; }
style/main.scss
+4 -2
View File
@@ -521,9 +521,10 @@ hr {
padding-bottom: 7px; padding-bottom: 7px;
top: 40px; top: -30px;
opacity: 0; opacity: 0;
@include transition(200ms ease); pointer-events: none;
@include transition(400ms ease);
@include transition-property(top, opacity); @include transition-property(top, opacity);
&:after { &:after {
@@ -555,6 +556,7 @@ hr {
.address { .address {
opacity: 1; opacity: 1;
top: -45px; top: -45px;
pointer-events: auto;
} }
} }
} }