calc is a fairly new but still very rarely used feature in CSS3. It allows you to perform simple arithmetic operations directly in style descriptions using all sorts of units.
The major problem of ordinary drop-down lists (select tags) in HTML is their inability to be styled with CSS styles. This article demonstrates a drop-down list which is made of HTML elements such as label, div and input which, in turn, can be easily styled with CSS.
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.
Nowadays, there are more and more websites which display articles/posts/news as square boxes in several columns where each square has a main image and the title of the article/post/news. The following article contains an example of a simple animation for the main image which can make such squares look more attractive.
The present article demonstrates an example of a button which is represented as 3D object with simple animation using only CSS3.