CSS3 Design Dazzling fonts

Source: Internet
Author: User

Shadow

. Text-shadow {    text-shadow:#FF0000 0 0 10px;     color:White;     font-size:60px}

Strokes

<style>.text-border{Text-shadow:#000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0-1px 0;font-size:60px;Font-weight:Bold;Color: White;}. H1{-webkit-text-stroke:1.0px #000;Text-stroke:1.0px #000;Color: White;font-size:60px;Font-weight:Bold;}</style><div class= "H1" >hello world!</div><div class= "Text-border" >Hello World!</ Div>

Reflection

<style>.text-reflect{font-size:35px;float: Left;-webkit-box-reflect:below 10px-webkit-linear-gradient (transparent,transparent 50%,rgba (255,255,255,.5));}. Text-reflect-base{font-size:35px;Margin-right:30px;float: Left;-webkit-box-reflect:below 10px;}</style><div class= ' text-reflect-base ' >hello world!</div><div class= ' Text-reflect ' > Hello world!</div>

Art Word

<style> Body{background:Black;margin:50px; }H1{Color: White;font-size:100px;Text-shadow:0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #ff00de, 0 0 70px #ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de, 0 0 150px #ff00de; }H1#fire{text-align:Center;margin:200px Auto;font-family:"League-gothic", Courier;font-size:200px;Text-transform:Uppercase;Color:#fff;Text-shadow:0 0 20px #fefcc9, 10px-10px 30px #feec85, -20px-20px 40px #ffae34, 20px-40px 50px #ec760c, -20px-60px 60px #cd460 6, 0-80px 70px #973716, 10px-90px 80px #451b0e; }</style>

Sub-column

<style>div{Column-count:3;-webkit-column-count:3;Column-gap:30px;-webkiy-column-gap:30px;Column-rule:1px dashed Black;-webkit-column-rule:1px dashed Black;}. Container{margin:Auto;width:700px;}</style><div class= "container" >javascript a literal translation scripting language, which is a dynamic type, a weak type, a prototype-based language, and a built-in support type. Its interpreter, known as the JavaScript engine, is widely used as a scripting language for the client, and is used in HTML (an application under the standard Universal Markup Language) to add dynamic functionality to an HTML Web page. In 1995, the Brendan Eich of Netscape Company was first designed and implemented in Netscape Navigator's browser. Because Netscape is working with Sun, Netscape Management wants it to look like Java, so it's named JavaScript. But in fact its grammatical style is closer to self and scheme. In order to gain technical advantage, Microsoft introduced Jscript,cenvi launch Scriptease, and JavaScript can also be run on the browser. For uniform specifications, JavaScript is also known as ECMAScript because it is compatible with the ECMA standard. </div>

CSS3 Design Dazzling fonts

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.