-
Notifications
You must be signed in to change notification settings - Fork 105
/
India.html
31 lines (31 loc) · 3.11 KB
/
India.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
<head>
<title>India | Flags</title>
<style>
#india {
height: 66px;
width: 300px;
border-top: 67px solid #ff9933;
border-bottom: 67px solid #128807;
text-align: center;
color: #000088;
background: #fff;
}
#india::before {
content: "";
display: inline-block;
margin-top: 5px;
height: 50px;
width: 50px;
border-radius: 50%;
border: 3px solid #000088;
background: -webkit-linear-gradient(90deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(75deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(60deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(45deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(30deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(15deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(0deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(345deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(330deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(315deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(300deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), -webkit-linear-gradient(285deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%);
background: linear-gradient(0deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(15deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(30deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(45deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(60deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(75deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(90deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(105deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(120deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(135deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(150deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%), linear-gradient(165deg, transparent 49%, #000088 49%, #000088 51%, transparent 51%, transparent 100%);
}
</style>
</head>
<body>
<div id="india"></div>
</body>
</html>