Home / Best

Most popular

Social media icons with slide up and down animation using only CSS3

Social media icons with slide up and down animation using only CSS3
This article demonstrates how simple it is to create slide up and down animation for social media icons using only CSS3.

How to improve CSS code

How to improve CSS code
We are going to talk about compactness (neatness) and correctness of CSS code.

Simple image slider with navigation using only CSS3

Simple image slider with navigation using only CSS3
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.

Simple content accordion using only CSS3

Simple content accordion using only CSS3
The following article shows how to create a simple content accordion without JavaScript using only CSS3.

Creating analog clock with responsive design using animation in CSS3

Creating analog clock with responsive design using animation in 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.

Changing shape of a block to look like diamond, ribbon or right and left arrows using only CSS

Changing shape of a block to look like diamond, ribbon or right and left arrows using only CSS
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.

How to draw stars using only CSS

How to draw stars using only CSS
The current article is more for demonstration purposes. It shows how to draw six-pointed and five-pointed stars using only CSS.

Social media icons with animated tooltips using only CSS3

Social media icons with animated tooltips using only CSS3
This article explains how create social media icons with animated tooltips without JavaScript using only CSS3.

CSS: changing cursor

CSS: changing cursor
You can use styles to change the appearance of the cursor and select one of the fifteen available options.

HTML5: placeholder attribute with cross-browser support

HTML5: placeholder attribute with cross-browser support
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.

CSS3: multiple backgrounds

CSS3: multiple backgrounds
One of the advantages provided by CSS3 is its ability to specify multiple background images for elements.

Animated 3D button using only CSS3

Animated 3D button using only CSS3
The present article demonstrates an example of a button which is represented as 3D object with simple animation using only CSS3.

Animated image with spreading curtain effect and appearing title using only CSS3

Animated image with spreading curtain effect and appearing title 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.

The HTML5 hype - is Flash really dead?

The HTML5 hype - is Flash really dead?
Having too many choices is sometimes not very helpful. Unfortunately, developers always have to face such a confusing situation.