Logo do siteSilhueta da face do Maujor seguida do texto Maujor o dinossauro das CSS

Menu hamburger Três barras horizontais na cor laranja destinadas a ser clicada para abrir o menu menu do site

Clip CSS + jQuery UI

Publicado em: 2010-09-18 — 15.620 visualizacoes

O leitor Bruno Ribeiro deixou o seguinte comentário na matéria “A propriedade CSS clip” publicada nesse Blog em 26/06/2006.

Cara muito legal o post. Eu nao sabia sobre o CLIP e putz, to vendo que voce escreveu em 2006 hahaha. Que tapado que eu sou.
É assim mesmo, sempre aprendendo. Fiz um exemplo baseado nesta propriedade.
No exemplo poderia fazer de N formas como já faço, mas testei com a propriedade CLIP, gostei do resultado. Só não testei nos navegadores Opera e Chrome.
Pra ficar mais organizado pros seus leitores, se quiser postar a solução em seu blog pode colocar.
Abraço e parabéns

No seu comentário o Bruno enviou um link para uma página demonstrando o uso que ele achou para uma combinação da propriedade CSS clip com a biblioteca jQuery UI.

Trata-se de um efeito bastante interessante, fruto da criatividade do Bruno e conforme ele sugere no comentário colocou sua criação a minha disposição para postar nesse Blog.

Considerei bem legal a solução e compartilho com meus leitores a criação do Bruno sobre a qual tomei a liberdade de alterar alguma estilização e estruturação do original.

O resultado final pode ser visto nesta página e os comentários são bem-vindos.
A página original pode ser vista neste link
Para detalhes examine o código fonte da página.

Obrigado Bruno!

Desenvolvimento com Padrões Web? Adquira os livros do Maujor
Visite o site dos livros.

Esta matéria foi publicada em: 2010-09-18 (sábado). Subscreva o feed RSS 2.0 para comentários.
Comente abaixo, ou link para http://www.maujor.com/blog/2010/09/18/clip-css-jquery-ui/trackback no seu site.

5 comentários na matéria: “Clip CSS + jQuery UI”

  1. marcello limaNo Gravatar disse:

    muito bom mesmo esse efeito parabéns

  2. wellingtonNo Gravatar disse:

    Nuss, muito bom cara…parabéns mesmo!!!

  3. antonio vivianiNo Gravatar disse:

    Parabens pelo trabalho, conheci ele na epoca do tecnico para aprender css e html. Tive mudanças profissionais e abandonei a parte de web.
    Agora voltando fiquei feliz que evolui muito, aprendi muito com o teu trabalho e agora vou aprender mais…parabens e continue forte.

    abracos
    antonio viviani

  4. Rhamsés SoaresNo Gravatar disse:

    Caramba Maujor!!!

    Nunca tinha pensado que fosse tão simples fazer um efeito tão bacana.

    Parabéns para o Bruno que teve a idéia e valeu por divulgar. Vou estudar o exemplo para aplicar em projetos pessoais.

  5. jairNo Gravatar disse:

    belo site, parabens.

Comentário:





Teclar "Enter" cria um novo parágrafo. Teclar "Shift + Enter" causa uma quebra de linha.

Subscribe without commenting

topo