csswg-drafts/css-backgrounds-4/style.css at main · lutien/csswg-drafts · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.swatch {
	position: relative;
	z-index: 1;
	display: inline-block;
	vertical-align: calc(-.1em - 3px);
	padding: .6em;
	background-color: var(--color);
	border: 3px solid white;
	border-radius: 3px;
	box-shadow: 1px 1px 1px rgba(0,0,0,.15)
}

.swatch:hover,
.swatch:focus {
	transform: scale(3);
	border-radius: 2px;
	transition: .4s;
	z-index: 2;
}