webkit

Custom CSS Scrollbar for Firefox

by

As of late 2018, there is now limited customization available in Firefox! See these answers: https://stackoverflow.com/a/54101063/405015 https://stackoverflow.com/a/53739309/405015 And this for background info: https://bugzilla.mozilla.org/show_bug.cgi?id=1460109 There’s no Firefox equivalent to ::-webkit-scrollbar and friends. You’ll have to stick with JavaScript. Plenty of people would like this feature, see: https://bugzilla.mozilla.org/show_bug.cgi?id=77790 As far as JavaScript replacements go, you can try: … Read more

Javascript / Chrome – How to copy an object from the webkit inspector as code

by

Right-click an object in Chrome’s console and select Store as Global Variable from the context menu. It will return something like temp1 as the variable name. Chrome also has a copy() method, so copy(temp1) in the console should copy that object to your clipboard. Note on Recursive Objects: If you’re trying to copy a recursive … Read more

CSS transition shorthand with multiple properties?

by

Syntax: transition: <property> || <duration> || <timing-function> || <delay> [, …]; Note that the duration must come before the delay, if the latter is specified. Individual transitions combined in shorthand declarations: -webkit-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s; -moz-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s; -o-transition: height 0.3s ease-out, opacity 0.3s ease 0.5s; … Read more