CSS Stilizarea imaginilor. Text în imagine. Filtre de imagine.

Text în imagine (Image Text)

Cum se poziționează textul într-o imagine:



Filtre de imagine (Image Filters)

Proprietatea CSS filter adaugă efecte vizuale (precum estomparea și saturația/(blur and saturation) unui element.

Notă: Proprietatea CSS filter nu este acceptată în Internet Explorer, Edge 12 sau Safari 5.1 și nici în versiunile anterioare.

Exemplu:

Schimbați culoarea tuturor imaginilor în alb și negru (100% gri):

img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}