Transform-origin:
=================
==> to define the position for transformations to apply, we need "transform-origin" property.
Syntax:
transform-origin : x-axis y-axis;
ex: transform-origin : top left | top right | top center
transform-origin : center left | center right | center center;
transform-origin : bottom left | bottom right| bottom center;
===================================
3D Transformations
===================
==> 2-types:
1) scale3d(x-axis, y-axis, z-axis)
2) rotate3d(x-axis, y-axis, z-axis, deg)
transform : scaled3d(x, y, z) | rotate3d(x, y, z, deg);
Note:
=====
To define multiple transformations one after another, we can use "key frame animations".
=====================================
Outline Property
UI Development
=================================
Gradient Colors:
=================
==> to define more than one color to the element, we can use "gradient colors"
gradient ==> property
==> two types:
1) Linear Gradient
2) Radial Gradient
background-image : linear-gradient(col1, col2, col3,...);
background-image : radial-gradient(shape, col1,col2, col3,...);
======================================================
Overflow Property:
=================
==> can use to define the scroll-bar to the content
overflow : hidden | visible | scroll | auto;