A way to add shadow to text

Source: Internet
Author: User
Tags window
No, give the text a shadow? Isn't that image-editing software?
Yes, just use CSS to add shadow to the text, do not believe? Follow me.
Here's how to set up the CSS, followed by the steps to use:
1: As the example one calls up the new style panel, this time we select the type's first make custom style. Give a name at selector (note that the front point must not be missed), define we choose the second "this document Only ". Click OK.
2: In the pop-up window, we select the last item on the left extensions and select the fifth drop Shadow in the *filter drop-down menu on the right. There are 4 question marks, that is the parameter, we need to set (with a certain value to replace it), we just understand the meaning of these parameters, it is very easy, the parameters are as follows:
Color: Represents the colors of the cast shadow, and the specified method can be in the form of "#RRGGBB". Black, for example, is #000000.
OFFX and Offy are the offsets of the X and Y shadows respectively, and must be specified with integers. For example, offx=5 means that the offset of the shadow in the x direction is 5.
Positive: It's a Boolean, we usually fill in 1.
3: Click OK, this completes the setup, and here is how to use it:
4: In the Web page, we select the text we want to become shaded (can be a continuous set of words), so that the text color display.
5: In the CSS Styles window (if you close this window, you can press SHIFT+F11 to open it), if you follow me to do the above setup steps, in this window should have a name (that is, none below), OK, we select it.
6:ok, we've already paid the shadow effect on the text object.

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.