Isithwathwa esigqwayizayo nge-CSS

Noma kunjalo beka iqhwa le-animated ekhasini, noma ngabe kuvela kithi noma kwiklayenti, kuzwakala njengomkhuba wasendulo wokuklama kunanoma yini enye, iqiniso ukuthi izithombe esiletha kulo mcimbi ulwandle lwenhle. Futhi awudingi iJavaScript, ilula CSS3.

Into yokuqala ukubheka izithombe.

Kubukeka kukuhle, akunjalo? Ukukusebenzisa, sidinga kuphela ukudala izithombe ezintathu ezinamachashazi amhlophe bese siziphilisa sisebenzisa impahla @syabongampungos ye-CSS3 ngokulandelayo:

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

Ukungeza okuhlukile iziqalo zeziphequluli ezahlukahlukenelapho-ke simisela umzimba wethu:

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

Futhi ukufaka iziqalo ezidingekayo. Inqubo ephelele enezincazelo eziningiliziwe, inhlonipho kaJoshua Johnson, ingatholakala kubhulogi yakhe.

Imininingwane engaphezulu - I-CSS3 Gradient Generator, i-CSS3 Gradient Generator
Umthombo - Umjondolo Wokwakha