@Ragnarokk css już załatwione, rysuje rogala
<!DOCTYPE html><br />
<html lang="en"><br />
<head><br />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS Croissant</title>
<style>
.croissant {
position: relative;
width: 200px;
height: 100px;
background-color: #f2c77f;
border-radius: 100px 100px 0 0;
transform: rotate(-45deg);
}
.croissant::before {
content: '';
position: absolute;
top: -30px;
left: 0;
width: 200px;
height: 100px;
background-color: #f2c77f;
border-radius: 100px 100px 0 0;
transform: rotate(45deg);
}
</style>
</head><br />
<body><br />
<div class="croissant"></div>
</body><br />
</html>