One of the most confusing concept in CSS is understanding different font-size units and how they work i.e. EM, PX, %age and PT.
Below is the explanation of each with an examples. I hope this will help you understand the concept and it will help you in development as well
Crescent Moon with CSS3 only
This PTI flag (Pakistan tehreek e Insaf) is created with CSS3 only.
This Pakistani flag is created with CSS3 only.
Facebook logo icon with css3 only. Without use of any image.
On touch devices like iPad, iPhone etc scroll bar does not shows at all while you are using safari browser.
We can Remove space between columns of a table and it can be done with multiple CSS and HTML techniques. A few of them are…
CSS3 ellipsis for a straight text line. Overflow will be replace with three dots (…).
To Style placeholder last character is bit challenging with CSS. We often come to a situation while validating forms where we usually add ‘*’ at the end of placeholder which is to be styled like color: red showing that this field is required before submitting the form.
By default placeholder has gray color which is obtained by applying opacity to black color. For selecting and styling of placeholder you have to add browser specific prefix CSS properties.