es.hideout-lastation.com
Paraíso Para Los Diseñadores Y Desarrolladores


15 hermosos efectos de texto creados con CSS

Hermoso texto o tipografía hará que su diseño se vea atractivo. En el diseño web, CSS ayuda a dar estilo al diseño, incluidos varios efectos en texto o tipografía. Con CSS, puede usar recorte y agregar animación al texto para darle un poco más de sabor a las cosas.

Y para ilustrar esto, hemos recopilado 15 impresionantes y divertidos efectos de texto que son posibles con CSS (algunos con un poco de ayuda de los códigos Javascript).

Para más cosas que puedes hacer con CSS, mira:

  • 18 cosas geniales que no creerás fueron construidas usando CSS
  • 30 bibliotecas de efectos de texto jQuery que necesitas saber
  • Cómo crear forma de corazón con CSS
  • Animate.css - Biblioteca CSS3 para crear animaciones fácilmente

Animación de trazo elástico

Yoksel anima el trazo del texto con una combinación de colores interesante. Este efecto se realiza con CSS y SVG. ¡El resultado es asombroso!

SVG Glitch

¿Desea hacer que los efectos se vean como un televisor analógico roto? Dirk Weber hizo este asombroso efecto de falla utilizando el filtro CSS y SVG.

Comprar Talk logo

El logo de Shop Talk es recreado por Hugo usando solo CSS. El logo se ve similar al original, completo con la textura correcta.

Efecto cortado

Esta idea de Robet Messerle da el efecto de cuchillo en rodajas, hecho con menos de 70 líneas de CSS.

Elegante efecto de sombra

El efecto Long Shadow viene al texto, hecho usando CSS. El creador, Juan Brujo hizo 4 otros efectos, pero este es fácilmente el más impresionante.

Efecto de texto brumoso

Andreas crea un impresionante efecto de niebla cinematográfica. Aplicable en los navegadores Webkit solamente.

Máscara de texto SVG

Un diseño de Marco Barria muestra un elegante efecto de enmascaramiento de texto en una gran imagen de fondo.

Animación de texto

Yoann creó un efecto de ticker impresionante con esta animación de texto. Mira cómo la segunda palabra alterna entre tres palabras.

Golpear el piso

Este efecto 3D de ThatGuySam es un juego simple en sombras de texto, pero con un resultado increíble.

Texto del clip de fondo

Jintos estaba jugando con un clip de fondo Webkit para agregar una imagen de fondo dentro del texto. Hizo 16 creaciones geniales usando este método.

CSS Text-FX

Moklik agregó un efecto de luz atenuada al texto, brindándole destellos intermitentes que advierten del peligro desde lejos.

Firma animada de firma

Gary Hepting creó una animación de firma en tiempo real. Esto funciona al aplicar Javascript a la ruta SVG para animar la firma.

Colorido Glitchy 404

¿Puedes escuchar el sonido de este problema y sentir la vibración dentro de tu cabeza? Así de bueno es este efecto de falla. mistic100 hecho con CSS más un poco de Javascript.

Cosmos

Ahora este es un logotipo elegante e inspirador. También es adecuado para el uso de "Cosmos", porque las órbitas, ¿entiendes?

Cargando

Un efecto de carga genial que es simplemente la ocultación y visualización de letras.

5 consejos de compromiso de marca para Pinterest

5 consejos de compromiso de marca para Pinterest

Si crees que Pinterest no es ideal para los negocios, piénsalo de nuevo. Algunos sitios web predijeron que Pinterest podría competir con Google en consultas de búsqueda gracias a sus nuevas funciones, como Búsqueda guiada y Rich Pins . Sin embargo, un estudio reveló que las marcas tardan en comercializarse en el sitio basado en imágenes y que el 70% del compromiso de la marca es generado por los propios usuarios.Esto

(Consejos de tecnología y diseño)

Samsung Galaxy S8: la nave insignia que podría cambiar el futuro de la compañía

Samsung Galaxy S8: la nave insignia que podría cambiar el futuro de la compañía

En 2016, Samsung logró aterrizar en una sopa caliente debido a la falla catastrófica de la Nota 7. Considerado ampliamente como uno de los escándalos más grandes en la industria de la tecnología, la buena reputación de Samsung sufrió una paliza por las fallas de Note 7 . Ahora, con la compañía coreana lanzando oficialmente el Galaxy S8, la pregunta es la siguiente: ¿permitirá el Samsung S8 pasar del fiasco Note 7, o el S8 continuará llevando a la compañía coreana por un camino oscuro?Antes de habl

(Consejos de tecnología y diseño)