Awesome Image Captions With CSS
A very nice example to create captions on images using CSS3. The captions can be styled in any way with CSS and the text that the caption contains is the title
attribute of the div
which is containing the image. The title
attribute is shown using content: attr(title);
on the ::before
pseudo element of the container div
.
This caption can be placed anywhere by modifying the rules of .systemHarga::before
. It's a pretty basic thing but looks cool when used properly. It can be used in real world projects as it will work in all of the major browsers perfectly.