« Aos trancos e barrancos: iPhone sobrevive a queda brusca Apple contrata advogado experiente em mega-fusões »

WebKit introduz gradientes via CSS

Gradientes CSS no SafariDave Hyatt anunciou ontem no Surfin’ Safari que o time de desenvolvimento do WebKit acaba de incorporar gradientes — tanto lineares quanto radiais — via CSS no sistema de renderização de páginas utilizado pelo Safari.

A nova sintaxe é a seguinte:

-webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*)

O desenvolvedor pode especificar o tipo de gradiente, seu ponto de origem (dois valores: em pixels, porcentagem ou palavras-chave), raio (para o tipo radial) e a cor, é claro. O mais legal é que a propriedade pode ser aplicada em qualquer lugar: background-image, border-image, list-style-image e content property.

Tomara que ele passe a suportar em breve, também, um atributo alpha, de forma que um dos pontos dos gradientes possa ser especificado como completamente transparente, por exemplo.

Para quem se interessar, uma explicação completa sobre a novidade pode ser vista aqui.

Quem escreve?

Rafael Fischmann

Rafael Fischmann
Graduado em Comunicação Social com Habilitação em Publicidade e Propaganda na Universidade Salvador - UNIFACS, tem paixão pela Apple e seus produtos desde quando adquiriu seu primeiro iMac (um G3 Blueberry), em agosto de 2000. Possui hoje um MacBook Pro de 17 polegadas, um iPod video de 80GB, um iPod shuffle de 2GB e um AirPort Express. Seu mais novo integrante é filho italiano adotado, um iPhone 3G preto.

2 Comentários


  • Alberto Beloni

    É animador ver essa notícia, e desanimador pensar em quanto tempo ainda vai levar para que as engines de renderização ainda vao levar para incorporar essa e outras novidades.

    Vai ser muito bom quando tudo o que o WebKit já tem incorporado, for utilizavel para criação de páginas. Por enquanto ninguem que não use o Safari vai ser capaz de usufruir disso.

    Usando o Mozilla Firefox Mozilla Firefox 2.0.0.13 no Windows Windows Server 2003

  • Celso

    Fiz ma pagina Web com o iWeb, abri o Apache aqui.
    E todos meu amigos que acessaram nao tavam vendo a pagina da forma correta, pq tava ou usando o firefox 2 ou IE 6/7. Nenhum deles com suporte completo ao CSS3. ¬¬

    moh xato.
    Ateh a fonte que eu coloquei, super bacana, ficou toscona no deles.
    Adaptada eh claro.

    Usando o Safari Safari 525.13 no Mac OS Mac OS X

Trackbacks

Trackback URL para este artigo:

http://macmagazine.com.br/blog/2008/04/15/webkit-introduz-gradientes-via-css/trackback/

Deixe um Comentário!

[XHTML] Você pode usar estas tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

[?] Clique aqui para saber como anexar sua foto ao comentário!

Aviso: todo e qualquer texto publicado na internet através deste sistema não reflete, necessariamente, a opinião deste weblog ou de seu(s) autor(es). Os comentários publicados através deste sistema são de exclusiva e integral responsabilidade e autoria dos leitores que dele fizerem uso. O autor deste weblog reserva-se, desde já, o direito de excluir comentários e textos que julgar ofensivos, difamatórios, caluniosos, preconceituosos ou de alguma forma prejudiciais a terceiros. Textos de caráter promocional ou inseridos no sistema sem a devida identificação de seu autor (nome completo e endereço válido de email) também poderão ser excluídos.

« Aos trancos e barrancos: iPhone sobrevive a queda brusca Apple contrata advogado experiente em mega-fusões »

del.icio.us

Receba nossas novidades por email

Os artigos do BLOG.MACMAGAZINE são entregues diretamente na sua caixa de entrada!

Hospede seu site na (mt) Media Temple!

Technorati

FeedBurner

Leitores via feed RSS