CSSWARP – Texto seguindo curvas em CSS3

Postado em

Vamos mostrar agora uma coisa muito legal que estão conseguindo realizar com css3: CSSWarp. Seu uso é muito simples, basta escrever o texto que desejarmos, modificar a curva do painel central, eleger o tipo de fonte (tipografia), tamanho e outras variáveis que nos permitirão personalizar o resultado. Ao concluir a configuração poderemos ver nosso texto seguindo a linha curva predefinida, com opção de obter o código HTML para publicá-lo em qualquer página web.

Não funciona em todos os navegadores, mas poderá o experimentar na última versão de Firefox e, tal e qual indicam na seção de código, o resultado também pode se ver na Internet Internet explorer 9 e Opera (nada de Chrome, no momento).

Veja abaixo um vídeo de apresentação:

Warping HTML Text with CSS from Dirk Weber on Vimeo.