Blame Raw
· · · 91 lines (1.2 KB)
0 contributors
1.avatar_collage {
2 border-radius: 50%;
3 position: relative;
4 overflow: hidden;
5}
6
7.avatar_collage img {
8 position: absolute;
9 overflow: hidden;
10}
11
12.collage_2 .img_1 {
13 left: 0;
14 top: 0;
15 max-width: 50%;
16 max-height: 100%;
17 width: 50%;
18 height: 100%;
19}
20
21.collage_2 .img_2 {
22 left: 50%;
23 top: 0;
24 max-width: 50%;
25 max-height: 100%;
26 width: 50%;
27 height: 100%;
28}
29
30.collage_3 .img_1 {
31 left: 0;
32 top: 0;
33 max-width: 50%;
34 max-height: 50%;
35 width: 50%;
36 height: 50%;
37}
38
39.collage_3 .img_2 {
40 left: 50%;
41 top: 0;
42 max-width: 50%;
43 max-height: 50%;
44 width: 50%;
45 height: 50%;
46}
47
48.collage_3 .img_3 {
49 left: 0;
50 top: 50%;
51 max-width: 100%;
52 max-height: 50%;
53 width: 100%;
54 height: 50%;
55}
56
57.collage_4 .img_1 {
58 left: 0;
59 top: 0;
60 max-width: 50%;
61 max-height: 50%;
62 width: 50%;
63 height: 50%;
64}
65
66.collage_4 .img_2 {
67 left: 50%;
68 top: 0;
69 max-width: 50%;
70 max-height: 50%;
71 width: 50%;
72 height: 50%;
73}
74
75.collage_4 .img_3 {
76 left: 0;
77 top: 50%;
78 max-width: 50%;
79 max-height: 50%;
80 width: 50%;
81 height: 50%;
82}
83
84.collage_4 .img_4 {
85 left: 50%;
86 top: 50%;
87 max-width: 50%;
88 max-height: 50%;
89 width: 50%;
90 height: 50%;
91}