Ja publiquem fa unes setmanes una sèrie d'efectes de text CSS per millorar la presentació del títol H2 d'un producte o capçalera d'una entrada d'un servei que es ven al lloc web d'un client. Efectes de text CSS que són capaços de donar aquest punt de qualitat que busquem per impressionar el client i que ens tingui en cartera durant molt de temps.
Tornem amb una altra gran llista defectes de text CSS que estan especialment dedicats per presentar de la millor de les formes el lloc web dun producte, servei, landing page o un altre tipus de temàtica . 35 efectes de text que no et pots perdre per demostrar que el disseny web actualment està al millor nivell i al qual no podem perdre el tren per estar al dia de l'estètica més actual.
Efecte de text de pel·lícula muda
Un efecte de text ben particular que es presenta com a perfecte per a un tipus de temàtica en concret. Entre cometes podrà ser mostrat per deixar ben clar que posem latenció en el disseny del nostre lloc web o en el del client.
Entrada de text CSS aleatòria
Aquesta entrada de text CSS aleatòria tracta de formar-se de manera aleatòria com si fos la clau secreta d'una cadena . Una manera molt cridanera de presentar un text per a un lloc web dedicat a una temàtica en particular.
Cassie
Una animació a SVG que significa molt poc pes per a la presentació d'un text que es forma en diversos colors. Crida la presència d'aquest text que també es val de JavaScript per donar la nota totalment.
Text d'ombra animat
Aquest text d'ombra animat té un toc estètic ben particular i diferent de la resta d'entrades de la llista. Aquí ens oblidem de JavaScript per presentar-se res més que en codi CSS.
text morph
Un text animat en JavaScript i CSS que es transforma de manera cíclica amb uns colors neó. Per a webs on el color de fons és negre o gris. Animació ben suau per a un efecte de text ben diferent.
Rellevament de text dividit
Aquest text es deixa caure a l'efecte per mostrar-se en una animació molt aconseguida . També compta amb JavaScript. Amb un clic podreu veure l'animació aconseguida per a un efecte de text ben curiós.
Animació d'ona
Animació d'ona dins del text amb una SVG. Un dels punts curiosos d'aquest efecte de text és la imatge de fons i el gradient que omple l'ona per fer-ho destacar adequadament.
Text animat warp
Amb una mica de JavaScript s'aconsegueix un efecte de text en què cada lletra té el seu propi valor de mida perquè semblés que està compost per diferents adhesius de lletres. Un gran efecte per a un text ben creatiu a la presentació.
Efecte de fum
Un gran efecte de fum per a un text que va desapareixent de manera gradual per desaparèixer totalment. Es pot fer servir per a la pulsació o fer clic i que el text s'evapori davant nostre. Sense JavaScript i amb molt poc codi a CSS.
efecte bombolla
Un efecte de text jQuery que ens mostra com es pot crear lefecte de bombolla en una capçalera en HTML . L'efecte tracta que apareguin bombolles des de darrere del text com si fos aigua amb gas. Bé cridaner.
Text animat de farciment
Un efecte de text animat que omple la font amb la imatge de fons. No requereix JavaScript i tracta només de codi en CSS. Una animació ben lenta i suau per a un text que quedarà perfecte en temàtiques en concret per a una web.
Animació de text en CSS i HTML
Una simple animació de text a CSS i HTML que fa que les paraules caiguin en vertical des de dalt. Ens oblidem aquí de JavaScript per completar una senzilla i simple animació sense gaire embolcall.
Dibuix de text de color
Aquí es dibuixa el text amb un efecte de color molt vistós i que pot donar la nota per a temàtiques relacionades amb l'adolescència o la joventut. Queda finalment en blanc, mentre que la font és recorreguda per una sèrie de tons vibrants.
Text animat a SVG
Una animació de tot just un segon recorre tot el dibuix de les lletres del text animat a SVG. Té una mica de codi en JavaScript per acompanyar CSS i HTML.
Text en ombra
L´ombra d´aquest text produeix l´efecte de profunditat en uns colors cridaners i que gairebé semblen d´una pastisseria. L'únic handicap és que no està optimitzat per a dispositius mòbils.
Montserrat
Animació en CSS i HTML que es presenta a si mateixa per la seva creativitat i uns colors que van des del groc i vermell . Per a un ús determinat pel que és especial de la seva animació d'aquests colors que recorren el dibuix del text.
Efecte d'especejament
Un efecte de text d' especejament en multitud de peces que podem alentir en deixar el punter del ratolí recorrent cadascuna de les lletres que componguin la paraula. Un efecte de text ben cridaner de gran qualitat i que es val de HTML, CSS i JavaScript.
Efecte de text d'ona
Sense JavaScript, aquest efecte de text dona aconsegueix posar una animació que realment mou la imatge de fons a través del dibuix de la paraula. Cridatiu sense cap dubte i de gran efecte.
GSAP animació
Com en moltes pel·lícules, totes les lletres que conformen un paràgraf apareixeran de tot arreu per compondre finalment les frases amb un gran efecte a l'animació. Molt suau per a un dels efectes de text més cridaner i de major qualitat de tota la llista . Imprescindible per tenir-lo molt present per a certs tipus de feines per a clients.
Animació de text acolorida
Una animació lenta i fluida de color al text que aconsegueix realitzar un degradat. Tot i que té una mica de JavaScript, principalment està basat en SCSS. És d'aquests efectes subtils, però que mostren l'elegància d'haver-ho sabut seleccionar per a la web. No passarà desapercebut.
Efecte de text impossible
El requadre vermell que envolta el text gira sobre si mateix amb un efecte d'ombra que va cobrint la paraula o frase. És molt cridaner i de gran interès per cobrir d'elegància l'entrada o la capçalera d'un lloc web.
Farcit de text multicolor amb SVG
Animació de farciment multicolor que es presenta com un daquests efectes de text que sobresurt per si mateix. És únic a la llista i té aquests tocs rimbombants que provocarà sensacions al visitant de la web. Si se sap col·locar, en donarà la nota.
Text animat a SVG
Com si s'estigués filant el camí cap al dibuix d'un text brillantment animat a SVG . Dels més curiosos de la llista i que es col · loca al seu propi lloc per identificar perfectament.
text glitch
Aquest text en JavaScript, CSS i HTML podria ser perfectament el toc especial duna agència de publicitat per donar la nota en una paraula duna frase. L?efecte és inspirador i provoca atenció al visitant.
Text a glitch
Com si hi haguessin interferències al senyal que dibuixa el text o l'anima , aquest efecte de text és d'un gran acabat. Singular sens dubte i es presenta sol. Fet a HTML (pug) i CSS (SCSS).
Text glitch SCSS
Un altre text glitch amb interferències que trobareu el vostre lloc en un lloc web ben particular per la temàtica, segurament relacionada amb la ciència ficció.
text hover
En el moment que posem el punter sobre el text, aquest es convertirà en una mena de punt de mira que ens permetrà moure'l a través de cadascuna de les lletres per enfocar-la, ja que la resta estaran desenfocades. HTML, CSS i JavaScript per a un efecte de text ben singular.
Text hover en perspectiva
Quan posem el punter del ratolí sobre aquest text , es mourà en una perspectiva ben curiosa que transmet lefecte de 3D.
Text animat de destacat
Amb el punter del ratolí destacarem el text com si fos copiat o tallat . Un efecte de text que cau des de dalt per anar cobrint totes les paraules del paràgraf. Sense JavaScript i amb CSS.
text feliç
Un efecte de text feliç que bategarà fins que posem el punter del ratolí sobre algunes de les seves lletres. L'efecte provocat serà el salt d'algunes per ser anomenat així. Sense JavaScript i amb CSS.
Text 3D en composició
Un altre efecte de text en 3D per anar formant les diferents paraules des de totes les lletres que apareixeran a l'uníson en un zoom de fora cap a dins. De gran resultat i molt visual i cinemàtic. Un altre dels recomanats de la llista.
Pur text CSS en ombra
Aquest efecte de text en pur CSS provocarà una ombra de gran resultat i de gran estil. Inconfusible i un altre dels destacats de la llista. Sense animació, però brillant.
ombra bonica
Un efecte dombra que realment queda molt bé. Perfecte per landing pages o llocs web de guarderies . Pur CSS per destacar per si mateix.
segona ombra
Un altre gran efecte d'ombra en HTML i CSS que destaca per si mateix. L'ombra en línies provoca una gran elegància per a llocs web de temàtica concreta.
ombra Parallax
Acabem la llista amb un dels efectes més elegants a parallax per a l'ombra que projecta el text. Passem el punter del ratolí i com més a la dreta, l'ombra es reflectirà més distant. Escrit per Ract, ES6 i Babel.
Tens una altra llista defectes de text aquí.