One day may need to make a semi-transparent background color for a specific block. But how to do this correctly using recent features in CSS3?
We are going to talk about compactness (neatness) and correctness of CSS code.
This is another improved version of the image slider which was presented in the previous articles. Now the slider has navigation elements and caption for each image. All these new elements are animated with CSS3.
The following article is intended for demonstration purposes and shows how animation in CSS3 can be used to create analog clock with responsive design.
Sometimes a web page needs some special elements such as arrows or ribbons, and the simplest way to create them is to apply particular CSS styles for elements to change their shapes.
You can use styles to change the appearance of the cursor and select one of the fifteen available options.
The most pleasant innovation in HTML5 is its ability to display default text inside an input field and a text area. This became possible with introduction of placeholder attribute in HTML5.
The current article is more for demonstration purposes. It shows how to draw six-pointed and five-pointed stars using only CSS.
One of the advantages provided by CSS3 is its ability to specify multiple background images for elements.
Having too many choices is sometimes not very helpful. Unfortunately, developers always have to face such a confusing situation.
The present article demonstrates an example of a button which is represented as 3D object with simple animation using only CSS3.
Animation used in the following article can be applied to images in blocks where blocks are presented as a list of articles/posts/news on websites with this specific design.