7 Typical text Effects cases summary

Before, the text on the page is relatively single, in addition to setting the size, color, thickness, there is no outstanding effects, of course, excellent text layout can make the page comfortable and warm, but when we need to make the page amazing, then CSS can help us to achieve some cool text effects. Here are 6 typical examples of text effects, for your reference only

I. Examples of special effects of text

1. Implementing the CSS text fly-in effect sample code

It should be noted that the body is just beginning to add a overflow:hidden; Set overflow hidden, otherwise the text start displacement exceeds the page size will appear the horizontal scroll bar below the page

2. text Scrolling effect code _jquery text effects _js text effects

Various styles of text scrolling effect code, including jquery text effect code, JS text effect code, CSS3 text effect code, HTML5 text effect code, find text effect code on the PHP Chinese Web source station, all free download!

3. easy to make HTML5 page effect text effects

Before the online to see a more innovative HTML5 text effects, text effect is when the mouse is sliding over the effect of folding, similar to the book page. So I have a good point of view open source code, found that the implementation is also quite simple, the main use of the CSS3 transform properties, respectively, the x-axis, y-axis, z-axis to flip

4. CSS3 sample code sharing for font and text effects

CSS3 allows us to use a custom font

And some nice text effects too.

Custom Fonts

Using custom fonts requires the use of @font-face rules
First of all, you have to have a custom text file.

5. two ways to implement CSS icons and text alignment

In the normal process of writing a page, often encountered in order to put small icons and text to align the situation. Like what:

Summed up two methods, the code is relatively small amount.

6. Text-shadow text Effect Implementation method

The underlying text shadow effect, but applying the Text-shadow attribute can give a lot of fancy results. Note: ie9-does not support this property.

7.5 Cool, Practical download recommendations for Web text effects (favorites)

In the Web page appropriate to add some text effects, will make our pages appear more vivid, today's PHP Chinese network for you to share 5 cool web Text effects, these text effects are very practical, you can download free use

Two. Related Questions and answers:

1. JavaScript-are there any JS libraries that display text effects (non-compositing) on the image?

2. How does Android achieve the text effect of a background fillet?