6-Мавзу. CSS3 асослари: эффектлар, трансформация, анимация. CSS3 ёрдамида HTML саҳифаларни таҳрирлаш.
Режа:
CSS матн эффектлари
CSS да 2 ўлчовли трансформация
CSS да 3 ўлчовли трансформация
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
Do'stlaringiz bilan baham: |