pure css heart

Solutions on MaxInterview for pure css heart by the best coders in the world

showing results for - "pure css heart"
Frieda
20 May 2020
1.heart {
2	width: 36px;
3	height: 36px;
4	position: relative;
5	margin: 1em auto;
6	transform-origin: 50% 50%;
7	transform: rotate(45deg) scale(1);
8	&:before {
9		content: "";
10		position: absolute;
11		display: block;
12		border-top-left-radius: 12px;
13		border-bottom-left-radius: 12px;
14		background-color: tomato;
15		width: inherit;
16		height: 24px;
17		top: 12px;
18		left: 0;
19	}
20	&:after {
21		content: "";
22		position: absolute;
23		display: block;
24		background-color: tomato;
25		width: 24px;
26		top: 0;
27		left: 12px;
28		height: inherit;
29		border-top-left-radius: 12px;
30		border-top-right-radius: 12px;
31	}
32}