Режа: css матн эффектлари


Download 0.52 Mb.
Sana22.03.2023
Hajmi0.52 Mb.
#1286472
Bog'liq
6-Мавзу. CSS3 асослари


6-Мавзу. CSS3 асослари: эффектлар, трансформация, анимация. CSS3 ёрдамида HTML саҳифаларни таҳрирлаш.
Режа:

  1. CSS матн эффектлари

  2. CSS да 2 ўлчовли трансформация

  3. CSS да 3 ўлчовли трансформация

  4. CSS анимациялар

CSS матн эффектлари

CSS матн эффектлари: text-justify
text-overflow: clip|ellipsis|string|initial|inherit;

CSS матн эффектлари: word-break
word-break: normal|break-all|keep-all|break-word|initial| inherit;

CSS да 2 ўлчовли трансформация

CSS да 2 ўлчовли трансформация: transform
transform: none|transform-functions|initial|inherit;

CSS да 2 ўлчовли трансформация: matrix(n,n,n,n,n,n)
matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY())

CSS да 3 ўлчовли трансформация


CSS да 3 ўлчовли трансформация: perspective
perspective: length|none;

CSS да 3 ўлчовли трансформация: perspective-origin
perspective-origin: x-axis y-axis|initial|inherit;

CSS анимациялар

CSS анимациялар: animation
animation: name duration timing-function delay iteration-count direction fill-mode play-state;

CSS анимациялар: @keyframes

CSS анимациялар: animation-duration
animation-duration: time|initial|inherit;


CSS анимациялар: animation-timing-function
animation-timing-function: linear|ease|ease-in|ease-out|ease-in-out|step-start|step-end|steps(int,start|end)| cubic-bezier(n,n,n,n)|initial|inherit;

CSS анимациялар: animation-play-state

Download 0.52 Mb.

Do'stlaringiz bilan baham:




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling