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

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