Drag or open image. It is resized and a border is added.
- or drag image on top of the button.
Resized image - Right click and copy to email
https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/blur https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/grayscale https://developer.mozilla.org/en-US/docs/Web/CSS/filter#invert https://developer.mozilla.org/en-US/docs/Web/CSS/image-orientation
/* URL to SVG filter */ filter: url("filters.svg#filter-id"); /*values */ filter: blur(5px); filter: brightness(0.4); filter: contrast(200%); filter: drop-shadow(16px 16px 20px blue); filter: grayscale(50%); filter: hue-rotate(90deg); filter: invert(75%); filter: opacity(25%); filter: saturate(30%); filter: sepia(60%); /* Multiple filters */ filter: contrast(175%) brightness(3%); /* Use no filter */ filter: none; /* Global values */ filter: inherit; filter: initial; filter: revert; filter: revert-layer; filter: unset;