workspace commited on
Commit
586bba4
·
1 Parent(s): a86232e

Delete background2.css

Browse files
Files changed (1) hide show
  1. background2.css +0 -71
background2.css DELETED
@@ -1,71 +0,0 @@
1
- @import "compass/css3";
2
-
3
- $nodeStreak: #a2cef4;
4
- $computationalFogTop: #6084d7;
5
- $computationalFogBot: #6084d7;
6
- $visualDistortionZapper: 360px;
7
- $nanoVelocity: 2s;
8
-
9
- html {
10
- height: 100%;
11
- overflow: hidden;
12
- }
13
-
14
- body {
15
- position: relative;
16
- height: 100%;
17
- background: linear-gradient($computationalFogTop 25%, $nodeStreak 50%, $nodeStreak 50%, $computationalFogBot 100%);
18
- }
19
-
20
- .wrap {
21
- width: 100%;
22
- height: 100%;
23
- position: absolute;
24
- margin: 0 auto;
25
- perspective: $visualDistortionZapper;
26
- perspective-origin: 50% 50%;
27
- }
28
-
29
- .top-plane {
30
- width: 200%;
31
- height: 130%;
32
- position: absolute;
33
- bottom: -30%;
34
- left: -50%;
35
- background-image: -webkit-linear-gradient($nodeStreak 2px, transparent 2px), -webkit-linear-gradient(left, $nodeStreak 2px, transparent 2px);
36
- background-size: 100px 100px,100px 100px;
37
- background-position: -1px -1px,-1px -1px;
38
- transform: rotateX(85deg);
39
- animation: planeMoveTop $nanoVelocity infinite linear;
40
- }
41
-
42
- .bottom-plane {
43
- @extend .top-plane;
44
- transform: rotateX(-85deg);
45
- top: -30%;
46
- animation: planeMoveBot $nanoVelocity infinite linear;
47
- }
48
-
49
- @keyframes planeMoveTop {
50
- from {
51
- background-position: 0px -100px,0px 0px;
52
- }
53
- to {
54
- background-position: 0px 0px, 100px 0px;
55
- }
56
- }
57
-
58
- @keyframes planeMoveBot {
59
- from {
60
- background-position: 0px 0px,0px 0px;
61
- }
62
- to {
63
- background-position: 0px -100px, 100px 0px;
64
- }
65
- }
66
-
67
- @media (max-height: 350px) {
68
- .wrap {
69
- perspective: $visualDistortionZapper - 150;
70
- }
71
- }