Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- for i in (1..19)
- .l:nth-child({i})
- n = (20 - i)
- height 0
- if i >= 10
- margin-left ((n * n) * (1.25/n)) + 17 px
- box-shadow 0px 0px (n+4)px 0 rgba(40,70,200, 0.5),0px 0px (i+8)px 0 rgba(80,100,235, 0.45),0px 0px 14px 0 rgba(115,215,235, 0.35),0px 0px 23px 0 rgba(110,130,215, 0.5)
- width (n * 1.05) + 0px
- animation (heights- + i) 0.75s (n/80)s linear forwards
- else
- margin-left ((i * i) * (1.25/i)) + 17 px
- box-shadow 0px 0px (i+4)px 0 rgba(40,70,200, 0.5),0px 0px (i+8)px 0 rgba(80,100,235, 0.45),0px 0px 14px 0 rgba(115,215,235, 0.35),0px 0px 23px 0 rgba(110,130,215, 0.5)
- width (i * 1.05) + 0px
- animation (heightsx- + i) 0.75s (i/80)s linear forwards
- for i in (10..19)
- n = (20 - i)
- $keyframe-name = (heights- + i)
- @keyframes {$keyframe-name}
- 0%
- height 0
- 91%
- height ((n + 4) * 1.4) px
- 98%
- height ((i + 38) * 5.4) px
- 100%
- height ((n + 38) * 4.4) px
- opacity (n/6)
- if i == 10
- height ((i + 43) * 4.4) px
- opacity (i/6)
- for i in (1..9)
- $keyframe-namex = (heightsx- + i)
- @keyframes {$keyframe-namex}
- 0%
- height 0
- 91%
- height ((i + 4) * 1.4) px
- 98%
- height ((i + 38) * 5.4) px
- 100%
- height ((i + 38) * 4.4) px
- opacity (i/16)
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement