Skip to content

Instantly share code, notes, and snippets.

View mattpilott's full-sized avatar
👨‍💻
Tinkering

Matt Pilott mattpilott

👨‍💻
Tinkering
View GitHub Profile
/* For Normal Displays */
body {
background: #fff;
}
/* For Display P3 Displays */
@supports (color: color(display-p3 0 0 0 / 1)) {
body {
background: color(display-p3 1.0 1.0 1.0 / 1.0);
}
@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);