See the Pen SVG text mask by Marco BarrÃÂa ( CodePen. See the Pen Foggy text effect by andreas_pr ( CodePen.Ī design by Marco Barria shows an elegant text masking effect on a large background image. See the Pen CSS3 text-shadow effects by Jorge EpuÃÂ±an ( CodePen.Īndreas creates an awesome cinematic foggy effect. The creator, Juan Brujo made 4 other effects but this is easily the most impressive one.

Long Shadow effect comes to text, made using CSS. See the Pen Slashed CSS Effect by Robert Messerle ( CodePen. This idea by Robet Messerle gives the knife sliced effect, done with less than 70 lines of CSS. See the Pen Shop Talk logo made in CSS by Hugo Darby-Brown ( CodePen. The logo looks similar to the original, complete with the right texture. The Shop Talk logo is recreated by Hugo using only CSS. See the Pen SVG Glitch by Dirk Weber ( CodePen. Want to make effects that look like a broken analog TV? Dirk Weber made this stunning glitch effect using CSS and SVG filter. See the Pen Elastic stroke CSS + SVG by yoksel ( CodePen.

Animate.css – CSS3 library to create animation easily.

30 jQuery text effect libraries you need to know.18 cool things you won’t believe were built using CSS.With CSS, you can use clipping and add animation to text to spice things up a little.Īnd to illustrate this, we have collected 15 stunning and cool text effects that are made possible with CSS (some with a little help from Javascript codes).įor more things you can do with CSS, check out: In web design, CSS helps to give style to design including various effects in text or typography. Beautiful text or typography will make your design look attractive.

Css text styles