CSS3 cross-browser rule generator

    Paul Irish and Jonathan Neal created a fun, cross-browser rule generator.

    image


    CSS3, Please! allows you to play with a number of rules directly in the browser:
    • border-radius
    • box shadow
    • gradients
    • rgba support in backgrounds
    • transforms
    • font face
    With this tool, you can generate the rule as universal as possible without losing support for 5 common browsers: FF, Chrome, Safary, Opera, IE

    For example, to use your own font, it’s convenient to use this design: Paul Irish mentions similar projects by other developers on his blog, urging them to take part in the discussion - I also recommend that you familiarize yourself with: John Allsopp , Chris Coyier , Stoyan Stefanov , Damian Galarza , Ryan Seddon , border-radius.com Sources: Ajaxian - CSS3 Please! Instant results ... Thank You Introducing ... CSS3Please.com
    @font-face {
    font-family: 'WebFont';
    src: url('myfont.eot'); /* IE6+ */
    src: local('☺'),
    url('myfont.woff') format('woff'), /* FF3.6 */
    url('myfont.ttf') format('truetype'); /* Saf3+,Chrome,Opera10+ */
    }













    Also popular now: