snow effect for your website

m1xawy · 12/03/2018, 14:28

snowfall effect for your website, just for fun : )

Steps :

1- Include the jquery script in the header if you don't include

Code:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

2- Include the snow flurry script in the header

Code:

<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/130527/h5ab-snow-flurry.js"></script>

3- Add the code right before the closing body tag

Code:

<script>
jQuery(document).ready(function($){
$(document).snowFlurry({
maxSize: 5,
numberOfFlakes: 50,
minSpeed: 10,
maxSpeed: 15,
color: '#fff',
timeout: 0
});
});
</script>

4- Add the CSS just before the closing head tag

Code:

<style>
.sf-snow-flake {
position: fixed;
top: -20px;
z-index: 99999;
}
.sf-snow-anim {
top: 110%;
}
</style>

-Screenshot

Father* · 12/03/2018, 22:36

Im not using your website btw ?

B1Q · 12/04/2018, 06:34

Quote:

Originally Posted by Father*

Im not using your website btw ?

it's not like your website is up... your topic is closed

m1xawy · 12/04/2018, 07:18

Quote:

Originally Posted by Father*

Im not using your website btw ?

that design on pc, i just like your heaven logo

gmroske · 12/05/2018, 09:39

Quote:
Originally Posted by m1xawy
snowfall effect for your website, just for fun : )

Steps :

1- Include the jquery script in the header if you don't include
Code:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
2- Include the snow flurry script in the header
Code:
<script src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/130527/h5ab-snow-flurry.js"></script>
3- Add the code right before the closing body tag
Code:
<script>
jQuery(document).ready(function($){
$(document).snowFlurry({
maxSize: 5,
numberOfFlakes: 50,
minSpeed: 10,
maxSpeed: 15,
color: '#fff',
timeout: 0
});
});
</script>
4- Add the CSS just before the closing head tag
Code:
<style>
.sf-snow-flake {
position: fixed;
top: -20px;
z-index: 99999;
}
.sf-snow-anim {
top: 110%;
}
</style>
-Screenshot

Can Upload File Website ?

m1xawy · 12/05/2018, 16:51

Quote:

Originally Posted by gmroske

Can Upload File Website ?

designed on pservercms for just 50$ dollar

see other screen in attachments

cristianxi · 12/06/2018, 02:01

Thnx !

nycolasgvbr · 09/20/2019, 15:13

Quote:

Originally Posted by thetamebewolf

NICE

man, you are becoming a boring person in this forum, if you liked something, just hit the "thank" button. Stop going up old topics.

Raymond* · 09/22/2019, 23:46

Good, thanks

XxGhostSpiriTxX · 09/22/2019, 23:59

Quote:

Originally Posted by !SPLIT

upload it

He only gave one Explanation of the code, and I publish it

m1xawy · 09/26/2019, 13:35

Quote:

Originally Posted by Raymond*

Good, thanks

thanks