-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
39 lines (36 loc) · 831 Bytes
/
style.css
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
32
33
34
35
36
37
38
39
#google {
position: relative;
border-top: 100px solid #ea4335;
border-right: 100px solid #4285f4;
border-bottom: 100px solid #34a853;
border-left: 100px solid #fbbc05;
border-radius: 50%;
background-color: #fff;
width: 300px;
height: 300px;
padding: 0;
margin: 10vh auto 0;
}
#google::before {
content: "";
z-index: 100;
position: absolute;
top: 50%;
right: -95px;
transform: translateY(-50%);
width: 245px;
height: 100px;
background-color: #4285f2;
}
#google::after {
content: "";
z-index: 101;
position: absolute;
border-top: 200px solid transparent;
border-right: 200px solid #fff;
top: -100px;
right: -100px;
width: 0;
height: 0;
}
/* Developed by Mohammad Kiaei */