Telítettségcsökkentés a képre, és css CSS3 átmenetek

CSS megtanulják, hogyan kell deszaturálja a képet (szürkeárnyalatos kép css), és ez szép

Kezdjük egy egyszerű, meg kell szép fotó. hogy itt van:

Meg kell Színtelenítsd meg (CSS elszíneződések a képet -, hogy távolítsa szín, hogy a kép fekete-fehér). Ehhez (és valójában grafika) a CSS3 van egy különleges ügynök szűrőt.

Itt alkalmazzák.

Megoldás: discolor CSS image

Először jelöljük ki a kép maga:

Ezután előírják képek Stílus:

Most a kép fekete-fehér lesz.

Akkor, persze, ebben a megálló, de sokkal érdekesebb, ha a kép több és reagál a felhasználói műveletekre.

Azt javaslom, hogy megbizonyosodjon arról, hogy ha mozog a kép, fokozatosan vált színű.

Animálni CSS elszíneződések a képet

Bit kiegészítik a korábbi stílus:

Ez lehetővé teszi a képet, ha fölé viszi az egérrel, a szín lesz. És mégis vosmolzuemsya CSS3 átmenet, hogy a folyamat a fehérítés animált:

Az összes paraméter az átmenet azt mondta, hogy a szabály fog működni az összes stílus, a második paraméter - az animációt.
Az első lehetőség, megadhat egy bizonyos tulajdonság (például a magasság, animálni csak magasság), és a második időt másodpercekben (lehet tizedesekben - 0,1s).

Nos, ez minden. És mi van a következő (megpróbálják visszaállítani a lenti képet).

• Válassza ki a szöveget opció
• 
  New Mail API. Teszünk mindent
• 
  Hozzáadása CSS stílust a helyőrzőhöz