Baraf kacsan oo leh CSS

In kastoo saar baraf animated bogga, ha ahaato annaga ama macmiil, waxay u egtahay naqshad naqshad ka da 'weyn wax kasta, runta ayaa ah tan animation in aan soo bandhigno munaasabaddan waa badda xarrago leh. Sidoo kale uma baahnid JavaScript, waa sahlan tahay CSS3.

Waxa ugu horreeya waa inaad fiiriso animation ka.

Waxay umuuqataa mid quruxsan, sax? Si loo dhaqan geliyo, waxaan kaliya u baahanahay inaan abuurno seddex sawir oo leh dhibco cad oo aan ku nooleyno iyaga oo isticmaalaya hantida @keyframes ee CSS3 sida soo socota:

/*Keyframes*/
@keyframes snow {
0% {background-position: 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

Ku darista kuwa kala duwan Horgaleyaasha bog furayaasha kala duwan, ka dibna u dhisi jirkeena:

body {
background-color: #6b92b9;
background-image: url('snow.png'), url('snow3.png'), url('snow2.png');
animation: snow 20s linear infinite;
}

Sidoo kale ku darista horgalayaasha loo baahan yahay. Nidaamka buuxa oo leh sharraxaad faahfaahsan, xushmad leh Joshua Johnson, ayaa laga heli karaa boggiisa.

Macluumaad dheeraad ah - Generator-ka CSS3 Generator, Generator-ga CSS3
Xigasho - Shack Design