The CSS transform property allows you to visually manipulate element, literally transforming their appearance. div { transform: transform-function || none; /* can list multiple, space-separated */ } or with proper prefixes: div { -webkit-transform: value; -moz-transform: value; -ms-transform: value; -o-transform: value; transform: value; } Rotate transform: rotate(angle); Rotates clockwise from current position. Scale transform: scale(value,
Posts By: Renat
top
The top property in CSS goes hand in hand with positioning. By default, elements are static positioned in which the top property has no effect whatsoever. But when the positioning of an element is relative, absolute, or fixed, the top value plays a big role. div { top: value (px, em, %, pt, etc) || auto
text-transform
The text-transform property controls the capitalization of text. text-transform: none|capitalize|uppercase|lowercase|initial|inherit; Example Transform text in different <p> elements: p.uppercase { text-transform: uppercase; } p.lowercase { text-transform: lowercase; } p.capitalize { text-transform: capitalize; } Browser Support Chrome Safari Firefox Opera IE Android iOS yes yes yes yes yes yes yes
text-stroke
text-stroke is an experimental property that provides text decoration options similar to those found in Adobe Illustrator or other vector drawing applications. It is not currently included in anyW3C or WHATWG specification. As of June 2013, it is only implemented behind a -webkit vendor prefix, though future versions of Firefox and Internet Explorer may support