Ajax Loader
×

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.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Awesome Image Captions With CSS

    CSSDeck G+