Πώς να δημιουργήσετε: Προσθήκη εικόνων εφέ

Μάθετε πώς να προσθέσετε οπτικά εφέ στις εικόνες.

CSS Filters

CSS filter Το όρισμα προσθέτει οπτικά εφέ στο στοιχείο (π.χ. σφαιρική επεξεργασία και ένταση).

Σημείωση:O Internet Explorer, Edge 12 ή Safari 5.1 και παλιότερες εκδόσεις δεν υποστηρίζουν; filter όρισμα.

παράδειγμα αχνό;

Μετατροπή όλων των εικόνων σε μαύρο και λευκό (100% αχνό):

αρχικό εικόνα;

πάνω σε αχνό (100%);

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

Δοκιμάστε το προσωπικά

παράδειγμα σφαιρικής επεξεργασίας;

Εφαρμογή σφαιρικής επεξεργασίας σε όλες τις εικόνες:

αρχικό εικόνα;

σφαιρική επεξεργασία (5 pixel);

img {
  -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
  filter: blur(5px);
}

Δοκιμάστε το προσωπικά

Σχετικές σελίδες

Παραγράμματα:Πρότυπο CSS filter