Skip to content

Commit cdeec31

Browse files
author
Simon Schrape
committed
Fix positioning of overlays in load2 to get rid of ghost lines.
1 parent 87b8d95 commit cdeec31

File tree

3 files changed

+15
-15
lines changed

3 files changed

+15
-15
lines changed

css/load2.css

+5-5
Original file line numberDiff line numberDiff line change
@@ -28,8 +28,8 @@
2828
border-radius: 10.2em 0 0 10.2em;
2929
top: -0.1em;
3030
left: -0.1em;
31-
-webkit-transform-origin: 5.2em 5.1em;
32-
transform-origin: 5.2em 5.1em;
31+
-webkit-transform-origin: 5.1em 5.1em;
32+
transform-origin: 5.1em 5.1em;
3333
-webkit-animation: load2 2s infinite ease 1.5s;
3434
animation: load2 2s infinite ease 1.5s;
3535
}
@@ -39,9 +39,9 @@
3939
background: #0dc5c1;
4040
border-radius: 0 10.2em 10.2em 0;
4141
top: -0.1em;
42-
left: 5.1em;
43-
-webkit-transform-origin: 0px 5.1em;
44-
transform-origin: 0px 5.1em;
42+
left: 4.9em;
43+
-webkit-transform-origin: 0.1em 5.1em;
44+
transform-origin: 0.1em 5.1em;
4545
-webkit-animation: load2 2s infinite ease;
4646
animation: load2 2s infinite ease;
4747
}

less/load2.less

+5-5
Original file line numberDiff line numberDiff line change
@@ -35,8 +35,8 @@
3535
border-radius: 10.2em 0 0 10.2em;
3636
top:-0.1em;
3737
left:-0.1em;
38-
-webkit-transform-origin:5.2em 5.1em;
39-
transform-origin:5.2em 5.1em;
38+
-webkit-transform-origin:5.1em 5.1em;
39+
transform-origin:5.1em 5.1em;
4040
-webkit-animation:load2 2s infinite ease 1.5s;
4141
animation:load2 2s infinite ease 1.5s;
4242
}
@@ -47,9 +47,9 @@
4747
background: @background;
4848
border-radius: 0 10.2em 10.2em 0;
4949
top:-0.1em;
50-
left:5.1em;
51-
-webkit-transform-origin:0px 5.1em;
52-
transform-origin:0px 5.1em;
50+
left:4.9em;
51+
-webkit-transform-origin:0.1em 5.1em;
52+
transform-origin:0.1em 5.1em;
5353
-webkit-animation:load2 2s infinite ease;
5454
animation:load2 2s infinite ease;
5555
}

sass/load2.scss

+5-5
Original file line numberDiff line numberDiff line change
@@ -35,8 +35,8 @@ $foreground: #FFF;
3535
border-radius: 10.2em 0 0 10.2em;
3636
top:-0.1em;
3737
left:-0.1em;
38-
-webkit-transform-origin:5.2em 5.1em;
39-
transform-origin:5.2em 5.1em;
38+
-webkit-transform-origin:5.1em 5.1em;
39+
transform-origin:5.1em 5.1em;
4040
-webkit-animation:load2 2s infinite ease 1.5s;
4141
animation:load2 2s infinite ease 1.5s;
4242
}
@@ -47,9 +47,9 @@ $foreground: #FFF;
4747
background: $background;
4848
border-radius: 0 10.2em 10.2em 0;
4949
top:-0.1em;
50-
left:5.1em;
51-
-webkit-transform-origin:0px 5.1em;
52-
transform-origin:0px 5.1em;
50+
left:4.9em;
51+
-webkit-transform-origin:0.1em 5.1em;
52+
transform-origin:0.1em 5.1em;
5353
-webkit-animation:load2 2s infinite ease;
5454
animation:load2 2s infinite ease;
5555
}

0 commit comments

Comments
 (0)