Skip to content

Instantly share code, notes, and snippets.

View HiroAgustin's full-sized avatar
😰

Agustín Díaz HiroAgustin

😰
View GitHub Profile
@argyleink
argyleink / easings.css
Created February 26, 2018 22:34
Handy CSS properties for easing functions
:root {
--ease-in-quad: cubic-bezier(0.55, 0.085, 0.68, 0.53);
--ease-in-cubic: cubic-bezier(0.55, 0.055, 0.675, 0.19);
--ease-in-quart: cubic-bezier(0.895, 0.03, 0.685, 0.22);
--ease-in-quint: cubic-bezier(0.755, 0.05, 0.855, 0.06);
--ease-in-expo: cubic-bezier(0.95, 0.05, 0.795, 0.035);
--ease-in-circ: cubic-bezier(0.6, 0.04, 0.98, 0.335);
--ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--ease-out-cubic: cubic-bezier(0.215, 0.61, 0.355, 1);
--ease-out-quart: cubic-bezier(0.165, 0.84, 0.44, 1);
@digitalicarus
digitalicarus / chromeOverflowWorkaround.js
Last active August 30, 2021 17:37
Chrome overflow problem
/**
* There's a nasty bug in Chrome for Windows where at times overflow auto isn't honored on
* a transitioned element after the transition. There is a workaround. Anything that forces
* a CSS recalc on that overflowed node will resume expected wheel / gesture scroll
* behavior.
* https://code.google.com/p/chromium/issues/detail?id=524687
* https://code.google.com/p/chromium/issues/detail?id=417345
*/
function forceCSSRecalc (rootNode) {
var firstOverflowEle = document.createTreeWalker(