-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
76 lines (67 loc) · 1.36 KB
/
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
/**
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* contenteditable attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that are clearfixed.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.cf:before,
.cf:after {
content: " "; /* 1 */
display: table; /* 2 */
}
.cf:after {
clear: both;
}
/**
* For IE 6/7 only
* Include this rule to trigger hasLayout and contain floats.
*/
.cf {
*zoom: 1;
}
.container {
width: 600px;
margin: 50px auto;
position: relative;
}
section {
margin-top: 50px;
position: relative;
min-height: 250px;
}
.overflow .rect {
width: 200px;
height: 200px;
background-color: #eaeaea;
overflow: hidden;
margin: 0 auto;
}
.overflow .circle {
width: 200px;
height: 200px;
border-radius: 100px;
background-color: #601785;
position: relative;
left: 100px;
}
.clip .circle {
width: 200px;
height: 200px;
border-radius: 100px;
background-color: #601785;
position: absolute;
clip: rect(0px,100px,200px,0px);
margin: 0 auto;
}
.text h1 {
font-family: Arial;
font-size: 5em;
text-align: center;
background-image: url(Galaxy.jpg);
-webkit-background-clip: text;
background-clip: text;
color: rgba(0,0,0,0);
}