autofill animations

src/content/autofill.css

@@ -0,0 +1,32 @@
+@-webkit-keyframes onepasswordfill {
+    0% {
+        -webkit-transform: scale(1.0,1.0);
+    }
+
+    50% {
+        -webkit-transform: scale(1.2,1.2);
+    }
+
+    100% {
+        -webkit-transform: scale(1.0,1.0);
+    }
+}
+
+@-moz-keyframes onepasswordfill {
+    0% {
+        transform: scale(1.0,1.0);
+    }
+
+    50% {
+        transform: scale(1.2,1.2);
+    }
+
+    100% {
+        transform: scale(1.0,1.0);
+    }
+}
+
+.com-agilebits-onepassword-extension-animated-fill {
+    animation: onepasswordfill 200ms ease-in-out 0ms 1;
+    -webkit-animation: onepasswordfill 200ms ease-in-out 0ms 1;
+}

src/manifest.json

@@ -50,6 +50,18 @@
         "file:///*"
       ],
       "run_at": "document_start"
+    },
+    {
+      "all_frames": true,
+      "css": [
+        "content/autofill.css"
+      ],
+      "matches": [
+        "http://*/*",
+        "https://*/*",
+        "file:///*"
+      ],
+      "run_at": "document_end"
     }
   ],
   "background": {

webpack.common.js

@@ -92,6 +92,7 @@ module.exports = {
             { from: './src/overlay', to: 'overlay' },
             { from: './src/scripts', to: 'scripts' },
             { from: './src/services', to: 'services' },
+            { from: './src/content/autofill.css', to: 'content' },
             './src/background.js'
         ])
     ],