WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
CSS / Animations and Effects

Ribbon Wrap - CSS3 Hover Animation

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Siga Envato

Siga-me e manter-se atento para player de vídeo HTML5 neste estilo em breve!

Fita Wrap - muito mais do que um efeito hover

Você passa o mouse sobre o elemento, a fita desliza para fora atrás dele e envolve em torno. Fitas CSS finalmente se mover.

Há infinitas possibilidades com esta ferramenta CSS3. É super fácil de implementar e tem abundância de cores e estilos pré-definidos (mas a personalização é simples!).

Certifique-se para ver a pré-visualização de vídeo para entender completamente o quão legal essa coisa é!

O que posso usá-lo?

Títulos & descrições de imagens

Ilustração Harry Tennant

Enrole a fita pode ser usada como um efeito hover bonito para descrições da imagem, foto, ilustração créditos títulos, ou qualquer outra coisa que você pode pensar!

Misturá-lo com conteúdo

A primeira coisa que me lembro quando tentando legal, que se refrescar. Este o número um Dicas regra ser legal

Enrole a fita pode ser tratado como no elemento interno ser parte do fluxo normal de conteúdo, ou pode ser posicionado de forma a cobrir o conteúdo quando está flutuava. Usando o modo estático de fita Wrap, ela pode ser tratada como uma fita CSS mais "tradicionais", sem qualquer animação.

Tira social

mídia social

Tem uma faixa de mídias sociais ícones deslizam sobre seu elemento escolhido quando pairava.

Faixa de ferramentas

ferramentas

Ícones de estilo ferramenta pode ser usada em vez disso. Há até mesmo uma configuração vertical.

Características

  • Animações CSS3 Pura
  • 8 variações de cor - Fácil de fazer o seu próprio!
  • 5 estilos extra para ir com cores
  • 3 configurações de velocidade
  • Super simples marcação
  • Fantasticamente estável e flexível - pode ser adicionado a quase todo o projeto pré-existente
  • Degrada graciosamente em navegadores que não suportam transições CSS3
  • Filesize minúsculo, o arquivo CSS núcleo só é 13.7kb!
  • Embalados com um conjunto de 19 ícones (em ambas as variações escuras e claras), além de um ícone em branco
  • Tamanhos de fonte e fontes determinada puramente por seu próprio CSS
  • Arquivos CSS dividido em "core" (13.7kb) e "cores" (48.5kb) permitindo a otimização filesize mais fácil
  • Funciona automaticamente com qualquer largura - perfeito para layouts responsivos e fluidos!
  • Fantastic documentação que inclui 6 diferentes exemplos de arquivos totalmente comentadas (cada um contendo vários exemplos).

Suporte navegador

  • Chrome: Full Animação
  • Safari: Full Animação
  • Firefox: Full Animação
  • Opera: Full Animação
  • IE8, IE9: Sem Animação, fitas aparecem instantaneamente quando pairou

Compatível com o jogador de fita

Este item é compatível com o jogador da fita, um player de vídeo HTML5 que utiliza a mesma animação fita. Detalhes sobre como combinar estão incluídas na documentação do Jogador fita.

BigFat - Página Única Filterable Portfolio HTML5

VIDEO ILLUSTRATIC

Certifique-se de verificar BigFat, meu modelo de HTML que usa elementos semelhantes a fita Wrap. Por favor note que esses dois itens não podem ser combinados.

Créditos

Pré-visualização Créditos

Modelo de Créditos

* Harry Tennant é um amigo pessoal meu e me deu permissão para usar seu trabalho desta forma.


Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
08 de junho 12

Última atualização:
N / D

Navegadores compatíveis:
IE8, IE9, Firefox, Safari, Opera, Chrome

Arquivos incluídos:
HTML, CSS

Versão do software:
CSS2, CSS3

Palavras-chave

eCommerce, eCommerce, Todos os itens, animaç, ã, o, subtí, tulo, cores, css3, efeito, flutuar, html5, jogador, fita, fitas, rolar, slide, tí, tulo, ví, deo