div yordamida 1 ta ellips yasang ustiga sichqonchani olib borganda doiraga aylansin. div yordamida 1 ta kvadrat yasang ustiga sichqonchani olib borganda pastga tushsin.
|
|
|
Display, overflow
xususiyatlarini o‘rganish
|
div tegi yordamida 4 ta ellips yasab, 1 ta satrga display xususiyati yordamida sahifaning o‘ng tomonidan joylashtiring
3 ta div tegining ichiga matn joylashtirib overflow xususiyatini barhca qiymatlarini ishlatib ko‘rsating
|
|
|
CSS da Text-shadow, box-shadow
xususiyatlarini o‘rganish
|
4 qator sher yozib, har bir qatorga text-shadow yordamida alohida soya bering. div tegi yordamida to‘g‘ri turtburchak va ellips tayyorlab, ularga box-shadow yordamida soya bering
|
|
|
transform xususiyatini o‘rganish
|
Sahifaga rasm joylashtiring, rasmni soat strelkasiga teskari yo‘nalishda buring, eniga 2 marta kattalashtiring, sahifaning pastki tomoniga 200px siljiting
|
|
|
animation xususiyatini o‘rganish
|
Doira tayyorlab, ekranning yuqori chap burchagida pastki o‘ng burchagiga rangini o‘zgartirib boradigan animatsiya yarating. Animatsia 5 sekund davomida bajarilsin, 3 marta takroriy bajarilsin, animatsiyaning oxirida doita borgan joyida qotsin.
|
|
|
HTMLni CSS hujjatga bog‘lashning 3 ta usulini ko‘rsatish
|
3 ta usul yordamida web sahifa foniga rang va rasm bering.
|
|
|
z-index xususiyatini o‘rganish
|
Bayroq rasmini joylashtiring. Bayroqni ustiga oy va yulduzlarni joylashtiring.
|
|
|
|