liquid_feedback_frontend
diff static/lf4.css @ 1619:62856200414d
Animate interest button
| author | bsw |
|---|---|
| date | Tue Feb 02 12:42:54 2021 +0100 (2021-02-02) |
| parents | 3f2f57fba114 |
| children | d9ccd0d6ef8c |
line diff
1.1 --- a/static/lf4.css Mon Feb 01 23:43:54 2021 +0100 1.2 +++ b/static/lf4.css Tue Feb 02 12:42:54 2021 +0100 1.3 @@ -41,6 +41,7 @@ 1.4 .material-icons.icon-red { 1.5 color: #F44336; 1.6 } 1.7 + 1.8 .mapboxgl-popup-content { 1.9 max-width: 200px; 1.10 } 1.11 @@ -236,6 +237,26 @@ 1.12 padding-bottom: 0; 1.13 height: 24px; 1.14 } 1.15 + 1.16 +.mdl-button--feature-off i { 1.17 + color: #777; 1.18 +} 1.19 + 1.20 +@keyframes feature-on { 1.21 + 0% { 1.22 + transform: scale(0); 1.23 + } 1.24 + 40% { 1.25 + transform: scale(3); 1.26 + } 1.27 + 100% { 1.28 + transform: scale(1); 1.29 + }} 1.30 + 1.31 +.mdl-button--feature-on { 1.32 + animation: feature-on 0.5s; 1.33 +} 1.34 + 1.35 .mdl-button--underlined { 1.36 text-decoration: underline; 1.37 }