Using CSS3+HTML5 to realize future Web applications

CSS 3 + HTML 5 is the future of the WEB, they have not yet come to the formal, although many browsers have begun to provide some support for them. This article describes 5 http://www.aliyun.com/zixun/aggregation/9445.html ">CSS3 tips to help you achieve your future WEB, but these technologies should not be used in formal customer projects, They are better suited to your personal blog site, the Web design community, or the situation where the customer complains to you.

1. Fillet effect

One of the most commonly used CSS3 features is rounded corners, where the standard HTML object is 90 degrees square corners, and CSS3 can help you achieve rounded corners.

-moz-border-radius:20px;

-webkit-border-radius:20px;

border-radius:20px;

Even a single corner can be rounded, but Mozilla and Webkit have a slightly different syntax.

-moz-border-radius-topleft:20px;

-moz-border-radius-topright:20px;

-moz-border-radius-bottomleft:10px;

-moz-border-radius-bottomright:10px;

-webkit-border-top-rightright-radius:20px;

-webkit-border-top-left-radius:20px;

-webkit-border-bottom-left-radius:10px;

-webkit-border-bottom-rightright-radius:10px;

Supported browsers: Firefox, Safari, Chrome

Use case: Twitter.

See:

Sharable Draft of the Consortium

Border-radius on Css3.info

The Art of the Web