Using CSS to achieve the shadow effect of text

Source: Internet
Author: User

Site production using some unique font effects can increase the overall effect of the site, in fact, for the text shadow effect, we can completely use CSS to achieve!

Text-shadow

Text-shadow allows us to achieve the perfect text shadow effect. Basic wording:

1, text-shadow:[color x axis Y-axis blur radius],[color x axis Y-axis blur radius] ...

2, text-shadow:[x axis y-axis blur radius color],[x axis Y-axis blur radius color] ...

The color here is the color of the shadow, you can write the color in front, also can be written in the end. The x and y axes are the offset positions of their shadows, and the blur radius can be understood as the shadow length. And now most browsers support multiple layers of shading, you can separate multiple sets with commas.

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.