Expanding effect for appearing text that is used in this article consists of two parts where each part performs after another is finished. This effect is only made possible by using @keyframes rule in CSS3.
Horizontal and vertical animated stretching effect for appearing text placed over an image using only CSS3
Animation demonstrated in this article uses only CSS3. It consists of one simple semi-transparent layer placed over the image and appearing text with zoom and rotate effects.
The current article contains a list of old and well-forgotten articles on how to work with text and images in HTML 4.01. These articles will be useful for beginners who just started learning HTML and have no clue how it works.
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.
One of the important parts of a responsive web design is resizing the image automatically to fit the width of its container. Actually it's very easy, all you need to do is to set the appropriate value for max-width CSS property.