##CSS3 transform skew
The skew function The skew function is used to lean the element in one direction or another. The skew function parameters expect angles to be leaned, and values such as 45deg are valid.
We should use skewX() and skewY() only in order to skew around the respective axis by the angle passed as the parameter.
##CSS3 transform translate
##Simple loading animation
Simple loading animation using three divs that contain an animation. Each one filled by a black background color that increases the size from 0 to 20 px in height and width in a sequence. So, the first animation starts first, the second has a longer delay than the first one, and the third has more delay than the second one in an infinite loop.
##AngularJS ngShow fade animation
In the CSS code, we declared an opacity transition to elements with the firstAnimationSample and ng-hide-add classes, or elements with the firstAnimationSample and ng-hide-remove classes.
We also added the firstAnimationSample class to the same element that has the ng-show directive attribute.
##AngularJS ngIf fade animation
##AngularJS ngRepeat animation
##AngularJS ngClass Animation
##AngularJS ngHide animation
The ngShow directive uses the same convention; the only difference is that each directive has the opposite behavior for the model value. When the model is true , ngShow removes the ng-hide class and ngHide adds the ng-hide class
##AngularJS ngModel and form animation
##AngularJS ngMessage and ngMessages animation
For the ngMessages directive, that is, the container of the ngMessage directives, we included an animation on ng-active-add that changes the container background color from white to red and ng-inactive-add that does the opposite, changing the background color from red to white.