Efeito de Câmara Fotográfica com jQuery e CSS
O plugin jQuery PhotoShoot oferece a possibilidade de converter qualquer div na sua página web numa área de disparo, simulando o efeito de uma câmara fotográfica. Com este plugin, dará aos visitantes do seu site a oportunidade de poderem tirar fotos à imagem de fundo da aplicação.
Cada vez que é clicado numa determinada área, um novo disparo é adicionado ao div que contem margin negativa. Depois uma nova animação é iniciada, a qual vai deslizar na viewport e puxar os outros disparos novamente para uma margin negativa, ocultando sempre o div.
Você pode usar livremente estas técnicas e construir o seu próprio código.
Existem muitas possibilidades para este plugin, por exemplo para sistemas de navegação, promoção de sites ou simplesmente para divertir os utilizadores do seu site.
Requisitos: jQuery Framework
Demonstração: http://demo.tutorialzine.com/2010/02/photo-shoot-css-jquery/demo.html
Tutorial: http://tutorialzine.com/2010/02/photo-shoot-css-jquery/
Licença: MIT
Codrops recriou um efeito bastante interessante para animação com recurso à livraria jQuery e CSS3, vulgarmente conhecido como efeito de Accordion ou Acordeão. Neste tutorial que hoje lhe apresentamos, poderá aprender como aplicar o efeito de hover para animar as listas no interior de um div no que respeita à sua largura, bem como adicionar [...]
Têm sido disponibilizados diversos tutoriais e recursos gratuitos para desenho e desenvolvimento de interfaces os quais são muito úteis para todos nós. Aqui fica uma lista de novos recursos para animações, galerias de imagens, efeitos de interacção em botões, pop-ups para notificação, preloading de imagens, substituição de fontes, entre outros. 1 – Panning Slideshow com [...]
Tutorialzine acabou de criar um tutorial que ensina a criar uma API em CSS e jQuery para o Twitter que permite mostrar os seus últimos tweets, ou dos seus amigos. Não é necessário qualquer código do lado do servidor, ou base de dados. Como resultado, o “ticker” irá facilmente ser incluído em qualquer página web, [...]
Você provavelmente já viu alguns destes tipos de publicidade onde um papel dobrado no canto da página do website mostra uma mensagem. SohTanaka criou um tutorial para este efeito: Simple Page Peel Effect with jQuery & CSS. Tudo que ele está a fazer é expandir a imagem quando o rato está sobre, depois retrai-a para [...]
O que tens a dizer?
Registar o seu Gravatar.