3 trükkök hozzátéve textúra a szöveget css és svg
Mi a vonat szakemberek a területen az informatikai biztonság -, hogy a szakember a területén az informatikai biztonság, az alapoktól kezdve, hogy a kiindulási szintet. A képzést követően képes lesz a szolgáltatásnyújtás lefolytatására penetrációs vizsgálat (legális hackelés)
Ön valószínűleg ismeri a Photoshop technikákat, mint például a kép egyfajta maszk szöveget; Ez a legismertebb módja, hogy adjunk textúrát vagy háttérképet a szöveget. Akkor használja ezt a szöveget egy képet a honlapon; De jó lenne, ha tudnánk ugyanezt a hatást a HTML és a CSS? Jó hír - tudjuk!
CSS bemutatott tulajdonságok, mint a háttér-klip és a maszk-kép. amelynek segítségével létre hasonló hatást, amelyet korábban használt Photoshop. Ezen kívül akkor is használhatja SVG.
Ma megnézzük ezeket a lehetőségeket, és akár néhány egyszerű animációk. Ha azt szeretnénk, hogy továbbra is a saját, egy-egy a kódot, akkor töltse le a forrás fájlokat itt.
böngésző támogatása
Ahogy az várható volt, ezek közül néhány tulajdonságok, mi lesz a nem támogatott mindenhol. Ez azt jelenti, hogy nem fog működni a böngészők, mint az IE és a Firefox.
Létrehozása a háttérben mozgó képet szöveget a háttérben-CLIP
Az első lehetőség, amely akkor nézd meg az ingatlan háttér-klip. Ez a tulajdonság határozza meg, hogy háttér terjeszteni külföldön, vagy sem. Ez lehetővé teszi, hogy szöveges egy bizonyos eleme a kép kivágásához.
A layout - ez csak egy bgClip h1 class: