Hogyan készítsünk egy texturált szöveget, nem csak a Photoshop néhány gyakorlati szempontból

csak zafotoshopte

Mint mindenhol máshol, akkor csak hamis menetrend, néha megéri. A hátránya az, hogy az ilyen teszt statikus és változtatni, akkor újra létre kell hozni a képet. Kép is lehet egy csomó súly, főleg, ha megpróbálja megvenni a nagyobb felbontás, stb Azonban ez a módszer működik:

-WebKit-háttér-klip: szöveg;

Ez a tulajdonság nem szabványosított, de feltalálták egyetlen cél. Az előnye ennek a módszernek, hogy ez a tulajdonság lehet használni párhuzamosan -webkit-text-fill-szín: átlátszó;. You „elrejteni” a szöveg csak a böngészők, amelyek támogatják a felső tulajdon. Divya Manian dokumentálni ezt a módszert egy pár évvel ezelőtt.

Ez ebben a szövegben, hogy lehet szerkeszteni, ez áll a keresők, stb Az alábbiakban néhány példát Jintos:

Hogyan készítsünk egy texturált szöveget, nem csak a Photoshop néhány gyakorlati szempontból

HTML5 és CSS3 gyakorlatban nulla az eredmény!

Töltsd SVG

Az SVG, akkor hozza létre ezt a szöveget az elem . Ezt a szöveget lehet tölteni bármit, beleértve egy sablont. A kép lehet használni, mint a sablon. Az alábbi példa:

Ezt a kódot kell beilleszteni közvetlenül a HTML. Az alábbiakban egy példát C. Y. Park:

CSS polifill használatával SVG

Tim Pietrusky létre polifill ingatlan -webkit-háttér-klip, ami az SVG támogatása régebbi böngészők. Sokkal gyorsabb és könnyebb írni, CSS kód helyett SVG, hogy ez a módszer nagyon jó és kiváló támogatás a böngészőben.

mix-blend-üzemmód: képernyőn;

Egy másik módja. De ez még nem láttam! CSS módszer maga meglehetősen új sablont. egyik elemről a másikra, mint a Photoshop (például «képernyő», «többszörösen», «könnyítsen» stb) lehet közvetlenül leadott. A kép lehet vetíteni a szöveget létrehozunk egy szöveges hatást háttérkép. Ez az első alkalom ez a módszer láttam Giana on CodePen:

Ez azon az elven működik:

A szöveg színe fekete.

Ez vonatkozik az összes szöveg és a háttér ingatlan mix blend-üzemmód: képernyőn;

A második példányt, ugyanazt a szöveget (csak fehér) ugyanazt a háttérben, de az értéke mix blend-üzemmód: többszörösen;

Ezzel a módszerrel könnyen létrehozhat egy texturált szöveget. Amikor a mutató-események lehet használni, hogy hagyja el a szöveget lehet kattintani, de nehéz nyomon követni, hogy mit csinálsz. A fő előnye az, hogy ez teljesen CSS módszerrel, amely teljesen működik a Firefox, de nem csak a -webkit- böngészők.

Felülvizsgálat: Team webformyself.

Hogyan készítsünk egy texturált szöveget, nem csak a Photoshop néhány gyakorlati szempontból

HTML5 és CSS3 gyakorlatban nulla az eredmény!

A legtöbb IT hírek és webfejlesztés A csatorna-távirat

Hogyan készítsünk egy texturált szöveget, nem csak a Photoshop néhány gyakorlati szempontból

HTML5 és CSS3 gyakorlatban nulla az eredmény!