By popular demand, snow

[Cthulhu]

Stoeled and modified it from http://cssdeck.com/labs/css3-snow, I added the CSS in the 'the lifestream' stylesheet at the bottom. It's quite nice.

 

[Carlie]

Santa Cthulhu is making it snow.

 

[Cthulhu]

Also note it will probably only work on modern browsers, it's a CSS 3 animation thingy.

 

[Pixel]

So perty

 

[Lex]

Well that's just delightful!

 

[Tetsujin]

 

[Carlie]

You know what that means:

 

[Ami]

Me and Carlie, who persisted for this, would like to say one thing.

 

[Flintlock]

That... is actually quite nice I'm surprised that I like it.

Edit: it does cause a bit of lag ("screen tearing") when scrolling the page, which never happened before, but that's probably just down to my shitty laptop. Is there any way of disabling it short of using custom CSS in my browser?

 

[Cthulhu]

Yeah, happens here too, I get white blocks and shit when scrolling up. It's because it's newfangled and shit, .

As for disabling it... I can't be arsed to figure out how. You could switch to TLS Oldskool or vBulletin default (I think) I guess.

 

[Mage]

 

[Cthulhu]

Hey, be glad I didn't actually add shit like green and red shit, lights and fat bearded old men in sleighs, or, *shudder*, background music

 

[Pixel]

It actually looks like the beginning of FF7

 

[Cthulhu]

Double win,

 

[The Twilight Mexican]

I would have commented on this sooner, but I wasn't at home and do something like 99% of my browsing on my phone. Which was impossible with the snow effect because the phone wouldn't respond to commands to post and would barely load any threads.

It also got hot enough to cook an egg and the battery dropped from 100% to 60% in about five minutes. Couldn't get it to respond to commands to switch to default vB either.

tl;dr: I hate the snow.

 

[Tetsujin]

Maybe if they were colored green and floating upwards.

 

[Kai Schulen]

I half expected to see Snow's face all over the page.

 

[Flintlock]

Perhaps we could compromise and switch our background to a static picture of snow, rather than a fancy animation? That wouldn't cause any browser issues and nobody's phone would suffer a core meltdown.

 

[Kuroto]

Perhaps we could compromise and switch our background to a static picture of snow, rather than a fancy animation? That wouldn't cause any browser issues and nobody's phone would suffer a core meltdown.

I like the animation. Snow so pretty.

 

[Cthulhu]

Alright, I got another complaint as well from the CPU usage, so I made it a separate style (TLS xmas edition); you can select it in the style selector at the bottom, or open this link:

http://thelifestream.net/forums/index.php?styleid=24

 

[Octo]

It works on my phone but not on my laptop. Conclusion: My laptop is shit (but I knew that already)

 

[Cthulhu]

What browser do you use on your laptop? If it's IE, well there's your problem, .

Phones have either Safari or Chrome (or the Android browser, which is what Chrome was based on and the two are getting merged), both support CSS 3 and modern web standards and shit, IE don't,

 

[Remnant-of-VII]

Seems a bit laggy with all of the gifs running along side it. Probably has something to do with my tablet not having enough memory to run all of it. Still, it's cool as shit. Nice work.

 

[Cthulhu]

It's not a gif, it's a CSS animation that uses an image like http://img138.imageshack.us/img138/5230/snowh.png and some CSS trickery to work, . It's also unlikely that it's related to memory, more CPU/GPU/browser optimizations (or the lack thereof). Actually, here's teh codez:

@keyframes snow { 
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }

    100% { background-position: 500px 1000px, 400px 400px, 300px 300px }
}

@-moz-keyframes snow { 
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }

    100% { background-position: 500px 1000px, 400px 400px, 300px 300px }
}

@-webkit-keyframes snow { 
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }

    50% { background-color: #051012}

    100% {
        background-position: 500px 1000px, 400px 400px, 300px 300px;
        background-color: #1C1D1C;
    }
}

@-ms-keyframes snow { 
    0% { background-position: 0px 0px, 0px 0px, 0px 0px }

    100% { background-position: 500px 1000px, 400px 400px, 300px 300px }
}

body {
    background-color: #1C1D1C;
    background-image: url('http://img138.imageshack.us/img138/5230/snowh.png'), url('http://img594.imageshack.us/img594/9146/snow3q.png'), url('http://img196.imageshack.us/img196/5065/snow2l.png');
    -webkit-animation: snow 20s linear infinite;
    -moz-animation: snow 20s linear infinite;
    -ms-animation: snow 20s linear infinite;
    animation: snow 20s linear infinite;
}

 

[Ⓐaron]

You're welcome. I'll be here all week.