From 4eea5cbf56ef47679df35e618980cf5596facba6 Mon Sep 17 00:00:00 2001 From: Scott Worley Date: Mon, 17 Dec 2012 22:15:43 -0800 Subject: [PATCH] A tiny bit of UI shiny: fade-in download link This helps call attention to it after re-generating the model with different parameters, letting you know that something changed. --- nt3d.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/nt3d.js b/nt3d.js index 878ee43..f22d676 100644 --- a/nt3d.js +++ b/nt3d.js @@ -77,9 +77,11 @@ nt3d = { var download_link = document.createElement("a"); download_link.appendChild(document.createTextNode("Download!")); download_link.setAttribute("id", "nt3d_download"); + download_link.setAttribute("style", "background-color: blue"); download_link.setAttribute("download", this.user_function.name + ".stl"); download_link.setAttribute("href", "data:application/sla," + encodeURIComponent(this.stl)); this.ui.appendChild(download_link); + setTimeout(function() { download_link.setAttribute("style", "-webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; -ms-transition: background-color 0.4s; transition: background-color 0.4s; background-color: inherit"); }, 0); }, framework: function (f, params) { this.user_function = f; -- 2.44.1