The most basic CSS text filter effect _css/html

Source: Internet
Author: User
Free to have nothing to do, tidy up some CSS text effect, to beginners. Below to do an example, this is the most basic filter application, in fact, two or several different combinations of filters will get unexpected results, encounter problems themselves to try more hands on OK, of course, to pay special attention to color collocation, sometimes with a bad color is not see the effect, with the background image of the application will have a good effect. Because it is too lazy, so do not write comments or write any grammatical format, see for yourself! Hey. (I don't know, don't scold me!)

1.:

Sunshine
Sunshine

Sunshine

Sunshine

Sunshine

Sunshine
Sunshine
Sunshine
Sunshine

SUNNY

SUNNY

Sunshine
Sunshine
Sunshine
Sunshine
Sunshine
Sunshine
Sunshine
Sunshine

2. Source Code




























































Sunshine

Sunshine

Filter:progid:DXImageTransform.Microsoft.motionblur (strength=30,add=1,direction=135) ">

Sunshine


Font-family:impact;font-size:30pt;color:navy;display:block;
Filter:progid:DXImageTransform.Microsoft.wave (strength=3) ">

Sunshine


Font-family:impact;font-size:30pt;color:navy;display:block;
Filter:progid:DXImageTransform.Microsoft.wave (strength=3,freq=5) ">

Sunshine


Sunshine

Sunshine

Filter:dropshadow (color=maroon,positive=1); " > Sunshine

Filter:dropshadow (color=maroon,positive=0); " > Sunshine

Height:1;font-size:20pt;font-family:impact;background-color:blue ">

SUNNY


Height:1;font-family:impact;font-size:20pt;background-color:blue ">

SUNNY

Sunshine
Sunshine
Sunshine
Sunshine
color= #8C96B5 size=6> Sunshine
Sunshine
Sunshine
Sunshine





Sunshine

  • 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.