Skip to content

Instantly share code, notes, and snippets.

/* Rects */
<svg width="520" height="200" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
<path d="M 40 0 L 0 0 0 40" fill="none" stroke="gray" stroke-width="1" />
</pattern>
</defs>
<g transform="scale(40)">
<path d="M 0 2 L 5 0 5 2" transform="translate(8,0)" fill="deepskyblue">
<animateTransform
@Malleys
Malleys / dabblet.css
Created April 15, 2020 21:49
Untitled
img {
position: relative;
font-size: 0;
}
img::before {
content: attr(alt);
display: grid;
place-content: center;
width: 100%;
@Malleys
Malleys / dabblet.css
Created November 7, 2018 00:29 — forked from anonymous/dabblet.css
Print `calc` result
/**
* Print `calc` result
*/
.block::before {
--a: 44;
--b: 5;
counter-reset:
a var(--a)
b var(--b)
@Malleys
Malleys / dabblet.css
Created June 3, 2018 13:51
The problem with brightness()
/**
* The problem with brightness()
*/
body {
display: flex;
}
div {
width: 150px;
@Malleys
Malleys / dabblet.css
Last active July 7, 2017 03:30
Cursors
/* Cursors */
/* (https://www.w3.org/TR/css-ui-3/#cursor) */
.cursor {
display: inline-block;
width: 8em;
height: 8em;
background: #eee;
margin: 0.2em;
user-select: none;