Simple transition example

dabblet.css

/* Simple transition example */

input {
	transition: background 2s;
}

input:focus {
	background: fuchsia;
}

dabblet.html

<input>

dabblet.js

WebFontConfig = {
  google: { families: [ 'Titillium+Web::latin,latin-ext', 'Open+Sans:400italic,700italic,400,700:latin,latin-ext' ] }
};
(function() {
  var wf = document.createElement('script');
  wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
    '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  wf.type = 'text/javascript';
  wf.async = 'true';
  var s = document.getElementsByTagName('script')[0];
  s.parentNode.insertBefore(wf, s);
})();

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}