35 efekte të tjera teksti CSS për faqen tuaj të internetit

Ne kemi botuar tashmë disa javë më parë një seri të efekteve të tekstit CSS për të përmirësojë prezantimin e titullit H2 të një produkti ose titulli të një hyrje shërbimi që shitet në faqen e internetit të një klienti. Efektet e tekstit CSS që janë të afta të japin atë pikë cilësie që ne po kërkojmë për të bërë përshtypje ndaj klientit dhe që ata kanë në portofolin e tyre për një kohë të gjatë.

Ne kthehemi me një listë tjetër të shkëlqyeshme të efekteve të tekstit CSS që janë dedikuar posaçërisht për paraqitjen e një faqe në internet në mënyrën më të mirë të mundshme. produkti, shërbimi, faqja e uljes ose lloji tjetër i temës. 35 efekte teksti që nuk mund të humbni për të treguar që dizajni i sotëm i faqes në internet është në nivelin më të mirë dhe se nuk mund të humbasim trenin për të qenë në azhurnim me estetikën më aktuale.

Efekt i heshtur i tekstit të filmit

Një efekt shumë i veçantë teksti që paraqitet si efekti perfekt për një lloj specifik të temës. Në thonjëza mund të tregohet për ta bërë të qartë që ne i kushtojmë vëmendje dizajnit të faqes sonë të internetit ose të klientit.

Futja e rastësishme e tekstit CSS

Kjo hyrje e rastësishme e tekstit CSS përpiqet të formohet rastësisht sikur të ishte çelësi sekret i një zinxhiri. Një mënyrë mjaft e habitshme për të paraqitur një tekst për një faqe në internet kushtuar një teme të veçantë.

Cassie

një animacion në svg kjo do të thotë shumë pak peshë për prezantimin e një teksti që është formuar në disa ngjyra. Isshtë e habitshme prania e këtij teksti që gjithashtu përdor JavaScript për të dhënë shenjën plotësisht.

Teksti i animuar i hijes

Ky tekst i animuar i hijes ka një prekje shumë të veçantë estetike dhe është i ndryshëm nga pjesa tjetër e shënimeve në listë. Këtu kemi harruar JavaScript të paraqitet në asgjë tjetër përveç kodit CSS.

Teksti morf

Një tekst i animuar në JavaScript dhe CSS që shndërrohet në mënyrë ciklike me disa ngjyra neoni. Për faqet e internetit ku ngjyra e sfondit është e zezë ose gri. Animacion shumë i butë për një efekt teksti shumë të ndryshëm.

Ndarja e tekstit të ndarë

Ky tekst lëshohet në fuqi në shfaqen në një animacion shumë të shkëlqyeshëm. Ai gjithashtu ka JavaScript. Me një klik mund të shihni animacionin e arritur për një efekt teksti shumë kurioz.

Animacion i valëve

Animacion i valëve brenda tekstit me një SVG. Një nga pikat kurioze të kësaj efekti i tekstit është në imazhin e sfondit dhe gradienti që plotëson valën për ta bërë atë të dallohet siç duhet.

Teksti i animuar i prishjes

Pak nga JavaScript arrin një efekt teksti në të cilin secila shkronjë ka vlerën e vet të madhësisë në mënyrë që të duket sikur përbëhet nga afishe të ndryshme letrash. Një efekt i shkëlqyeshëm për një tekst shumë krijues në prezantim.

Efekti i tymit

Një efekt i shkëlqyeshëm tymi për një tekst që gradualisht zhduket të zhduket totalisht. Mund të përdoret për të impulsuar ose klikuar dhe për të avulluar tekstin para nesh. Asnjë JavaScript dhe shumë pak kod CSS.

Efekti i flluskës

Një efekt teksti jQuery që na tregon se si ta krijojmë atë efekti flluskë në një kokë në HTML. Efekti është që të bëjë që flluskat të shfaqen nga mbrapa tekstit si ujë me gaz. Shumë goditës.

Teksti i animuar i mbushur

Një efekt i animuar i tekstit që mbush fontin me imazhin e sfondit. Nuk kërkon JavaScript dhe merret vetëm me kodin CSS. Një animacion shumë i ngadaltë dhe i qetë për një tekst që do të jetë perfekt në tema specifike për një faqe në internet.

Animacion teksti në CSS dhe HTML

Një animacion i thjeshtë teksti në CSS dhe HTML që bën fjalët bien vertikalisht nga lart. Ne harrojmë për JavaScript këtu për të përfunduar një animacion të thjeshtë dhe të thjeshtë pa shumë mbështjellës.

Vizatim me tekst me ngjyra

Këtu është tërhequr teksti me një efekt shumë i mrekullueshëm i ngjyrave dhe që mund të japë shënim për çështje që lidhen me adoleshencën ose rininë. Më në fund është bosh, pasi shkronja përshkohet nga një seri tonesh të gjalla.

Teksti i animuar në SVG

Një animacion i vetëm një sekondë kalon nëpër tërë vizatimin të shkronjave të tekstit të animuar në SVG. Ka pak kod JavaScript për të shkuar së bashku me CSS dhe HTML.

Teksti i hijes

Hija e këtij teksti prodhon efekti i thellësisë me ngjyra të ndritshme që pothuajse duken si një pastiçeri. E vetmja pengesë është se nuk është e optimizuar për pajisjet mobile.

Montserrati

Animacion në CSS dhe HTML që paraqitet për krijimtarinë e tij dhe disa ngjyra që variojnë nga e verdha dhe e kuqja. Për një përdorim të përcaktuar nga veçantia e animacionit të saj për ato ngjyra që përshkojnë vizatimin e tekstit.

Efekt shpërthyes

Një efekt teksti i Shpërtheu në një mori copash që mund të ngadalësohemi duke lënë treguesin e miut duke kaluar secilën prej shkronjave që përbëjnë fjalën. Një efekt tërheqës dhe me cilësi të lartë teksti që përdor HTML, CSS dhe JavaScript.

Efekti i tekstit të valës

Pa JavaScript, ky efekt i valës së tekstit arrin të vendosë një animacion që me të vërtetë lëviz imazhin e sfondit përmes vizatimit të fjalës. Goditje pa asnjë dyshim dhe me efekt të madh.

Animacion GSAP

Si në shumë filma, të gjitha shkronjat që përbëjnë një paragraf do të shfaqen nga kudo për të hartuar më në fund fjalitë me një efekt të madh në animacion. Shumë e qetë për një nga efektet e tekst më tërheqës dhe me cilësi më të lartë në të gjithë listën. Thelbësore për ta mbajtur atë parasysh për lloje të caktuara të punës për klientët.

Animacion me tekst shumëngjyrësh

një animacion i ngadaltë dhe i rrjedhshëm me ngjyra në tekst që arrin të bëjë një gradient. Edhe pse ka pak JavaScript, bazohet kryesisht në SCSS. Shtë një nga ato efektet delikate, por që tregojnë elegancën e të diturit se si ta zgjedhin atë për ueb. Nuk do të kalojë pa u vënë re.

Efekt i pamundur i tekstit

El kuti e kuqe përreth tekstit kthehet në vetvete me një efekt hije që mbulon fjalën ose frazën. Veryshtë shumë e habitshme dhe me shumë interes për të mbuluar hyrjen ose kokën e një faqe me elegancë.

Teksti shumëngjyrësh mbushet me SVG

Animacion shumëngjyrësh për mbushje që jepet si një nga ato efektet e spikatur të tekstit vetveten. Uniqueshtë unike në listë dhe ka ato prekje bombastike që do të shkaktojnë ndjesi tek vizitori i internetit. Nëse ai di të vendosë, ai do të japë shënimin.

Teksti i animuar në SVG

Sikur po i rrotullohej rruga drejt tij vizatim me shkëlqim i tekstit SVG. Një nga më kuriozët në listë dhe që vendoset në vendin e vet për të identifikuar veten në mënyrë të përsosur.

Teksti anasjelltas

Ky tekst në JavaScript, CSS dhe HTML mund të jetë në mënyrë të përkryer prekja e veçantë e një agjencie reklamash për të dhënë shënimin me një fjalë të një fjalie. Efekti është frymëzues dhe tërheq vëmendjen tek vizitori.

Teksti anasjelltas

Sikur të kishte ndërhyrje në sinjalin që vizatoni tekstin ose animojeni atë, ky efekt teksti është një përfundim i shkëlqyeshëm. Njëjës pa asnjë dyshim dhe paraqitet vetvetiu. Krijuar në HTML (pug) dhe CSS (SCSS).

Teksti anashkalues ​​i SCSS

Një tjetër tekst i gabuar me ndërhyrje që faqja juaj do të gjejë në një faqe shumë të veçantë për shkak të temës, me siguri që lidhen me trillimet shkencore.

Teksti rri pezull 

Në momentin që vendosim treguesin mbi tekst, kjo do të bëhet një lloj ndërlidhjeje gjë që do të na lejojë ta lëvizim nëpër secilën prej shkronjave për ta përqendruar, pasi që pjesa tjetër do të jetë jashtë fokusit. HTML, CSS dhe JavaScript për një efekt teksti shumë unik.

Rri pezull teksti në perspektivë

Kur vendosim treguesi i miut mbi këtë tekst, do të lëvizë në një këndvështrim shumë kurioz që transmeton efektin e 3D.

Tekst i theksuar i animuar

Me treguesin e miut do të nxjerrim në pah tekstin si nëse do të kopjohej ose pritej. Një efekt teksti që bie nga lart për të mbuluar të gjitha fjalët në paragraf. Pa JavaScript dhe me CSS.

Tekst i lumtur

Një efekt teksti i lumtur që do të rrahë derisa ta vendosim treguesin e miut mbi disa nga shkronjat e tij. Efekti i shkaktuar do të jetë kërcimi i disave për t'u quajtur kështu. Pa JavaScript dhe me CSS.

Teksti 3D në përbërje

Një tjetër efekt teksti 3D për shkoni duke formuar fjalë të ndryshme nga të gjitha shkronjat e cila do të shfaqet në unison zoom nga jashtë në brenda. Rezultat i shkëlqyeshëm dhe shumë vizual dhe kinematografik. Një tjetër nga ato të rekomanduara në listë.

Tekst i pastër CSS në hije

Ky efekt teksti në CSS të pastër frovoke një hije të rezultatit të madh dhe me stil të shkëlqyeshëm. I pagabueshëm dhe një tjetër nga pikat kryesore në listë. Asnjë animacion, por brilant.

Hije e bukur

Një efekt hije që me të vërtetë duket i mrekullueshëm. E përsosur për faqe uljeje ose faqet e internetit të kujdesit ditor. CSS e pastër për tu dalluar më vete.

Hija e dytë

Një efekt tjetër i shkëlqyeshëm në HTML dhe CSS që bien në sy vetvetiu. Hija në rreshta shkakton një elegancë të shkëlqyeshme për faqet e internetit me një temë specifike.

Hije Paralaksi

Ne e përfundojmë listën me një të efekteve më elegante në paralaks për hijen e hedhur nga teksti. Ne e kalojmë treguesin e miut dhe sa më larg në të djathtë, aq më e largët do të reflektohet hija. Shkruar nga Ract, ES6 dhe Babel.

Ju keni një listë tjetër të efektet e tekstit këtu.