Categories: jquerytodas

Clip CSS + jQuery UI

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!

Maujor

View Comments

  • 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

  • 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.

Share
Published by
Maujor

Recent Posts

Teste seu conhecimento #20

Em 2006 comecei a publicar nesse blog uma série de desafios CSS que consistiam em…

7 anos ago

Teste seu conhecimento #19

Há muito tempo que eu não publico um "Teste seu conhecimento". Esta semana, revendo algumas…

9 anos ago

JavaScript bubbling e capturing

Introdução Elementos da marcação HTML podem ser aninhados uns dentro de outros, criando-se uma cadeia…

10 anos ago

HTML5 – W3C versus WHATWG

HTML5? Web universal? É comum eu me deparar com dúvidas sobre a HTML5 não só…

10 anos ago

Seria esse o futuro das imagens responsivas?

Quem é Tab Atkins Jr? Tab Atkins Jr, um desenvolvedor americano, trabalhou durante muitos anos…

10 anos ago

BrazilJS Conf 2013

Pessoal, a BrazilJS Conf 2013 disponibilizou para o Maujor cupons de desconto para serem oferecidos…

11 anos ago