Skip to content

Instantly share code, notes, and snippets.

View shakeelkoper's full-sized avatar
🎯
Focusing

Shakeel shakeelkoper

🎯
Focusing
View GitHub Profile
@shakeelkoper
shakeelkoper / easings.css
Created July 21, 2020 05:57 — forked from argyleink/easings.css
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);
@shakeelkoper
shakeelkoper / svg_sprites.md
Created June 19, 2020 12:10 — forked from darsain/svg_sprites.md
How to use SVG sprites in img[src] and css backgrounds

To make this work in CSS:

background: url('images.svg#chart');

or img:

<img src="images.svg#chart">
@shakeelkoper
shakeelkoper / dabblet.css
Created January 30, 2019 13:00 — forked from xgithub/dabblet.css
::before & ::after border
/**
* ::before & ::after border
*/
body, ul, li, a {margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; }
ul li {list-style:none;}
img {border:0 none;}
.content {
width:788px;
@shakeelkoper
shakeelkoper / multiFilter.js
Created January 8, 2019 14:37 — forked from jherax/arrayFilterFactory.1.ts
Filters an array of objects with multiple criteria.
/**
* Filters an array of objects with multiple criteria.
*
* @param {Array} array: the array to filter
* @param {Object} filters: an object with the filter criteria as the property names
* @return {Array}
*/
function multiFilter(array, filters) {
const filterKeys = Object.keys(filters);
// filters all elements passing the criteria