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 om WorldWideScripts.net

Abonneer u op onze feed om de hoogte te blijven!

Nieuw! Volg ons als u het wilt!


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Volg Envato

Volg mij en houdt een oogje in het zeil voor HTML5 video-speler in deze stijl binnenkort!

Lint Wrap - veel meer dan een hover effect

U zweven over het element, het lint glijdt uit van achter het en wraps rond. CSS linten eindelijk bewegen.

Er zijn eindeloze mogelijkheden met deze CSS3 tool. Het is super eenvoudig te implementeren en heeft tal van vooraf ingestelde kleuren en stijlen (maar maatwerk is eenvoudig!).

Zorg ervoor dat u de video preview te bekijken om volledig te begrijpen hoe cool dit ding is!

Wat kan ik gebruiken voor?

Titels en beschrijvingen van beelden

Illustratie Harry Tennant

Lint Wrap kan gebruikt worden als een mooie hover effect voor het beschrijving, foto credits, illustratie titels, of wat je maar kunt bedenken!

Meng het met de inhoud

Het eerste wat te onthouden wanneer het proberen cool, dat een cool. Dit is de nummer een regel Tips zijn koel

Wrap lint kan zo worden behandeld inline element een deel van de normale stroom van inhoud, of kan op een wijze worden geplaatst om de inhoud te dekken wanneer het beweegt. Met behulp van statische modus Ribbon Wrap's, kan worden beschouwd als een meer "traditionele" CSS lint zonder animatie.

Sociale strip

sociale media

Hebben een strook van sociale media iconen glijden over de gekozen element wanneer zweefde.

Instrument strip

gereedschap

Tool-stijliconen kan worden gebruikt. Er is zelfs een verticale instelling.

Kenmerken

  • Pure CSS3 animaties
  • 8 kleurvariaties - Gemakkelijk om uw eigen te maken!
  • 5 extra stijlen om te gaan met kleuren
  • 3 snelheden
  • Super eenvoudige opmaak
  • Fantastisch stabiele en flexibele - Kan worden toegevoegd aan vrijwel elk bestaand ontwerp
  • Degradeert sierlijk in browsers die geen ondersteuning CSS3-overgangen
  • Kleine bestandsgrootte, de kern CSS-bestand is slechts 13.7kb!
  • Verpakt met een set van 19 pictogrammen (in zowel donkere als lichte variaties) plus een lege icoon
  • Lettergroottes en lettertypes louter bepaald door je eigen CSS
  • CSS-bestanden te splitsen in "kern" (13.7kb) en "kleuren" (48.5kb) waardoor gemakkelijker bestandsgrootte optimalisatie
  • Werkt automatisch met elke breedte - perfect voor responsieve en vloeiende lay-outs!
  • Fantastische documentatie die 6 verschillende volledig becommentarieerde bijvoorbeeld bestanden (elk met meerdere voorbeelden) omvat.

Browserondersteuning

  • Chrome: Volledige Animation
  • Safari: Volledige Animation
  • Firefox: Volledige Animation
  • Opera: Volledige Animation
  • IE8, IE9: Nee Animation, linten verschijnen direct wanneer zweefde

Compatibel met Lint Player

Dit item is compatibel met de Ribbon-speler, een HTML5 video-speler die dezelfde lint animatie gebruikt. Details over hoe te combineren zijn opgenomen in de documentatie van de Ribbon-speler.

Bigfat - Single Pagina filteren Portfolio HTML5

ILLUSTRATIC VIDEO

Zorg ervoor om te controleren Bigfat, mijn HTML-sjabloon welke elementen vergelijkbaar Ribbon Wrap gebruikt. Houd er rekening mee dat deze twee artikelen niet kunnen worden gecombineerd.

Credits

Voorbeeld Credits

Sjabloon Credits

* Harry Tennant is een persoonlijke vriend van mij en me toestemming om zijn werk te gebruiken op deze manier heeft gegeven.


Downloaden
Andere onderdelen in deze categorieAlle onderdelen van deze auteur
OpmerkingenVeelgestelde vragen en antwoorden

Eigenschappen

Gemaakt:
8 juni 12

Laatste update:
N / A

Compatibele Browsers:
IE8, IE9, Firefox, Safari, Opera, Chrome

Bestanden Inbegrepen:
HTML, CSS

Software Version:
CSS2, CSS3

Trefwoorden

eCommerce, eCommerce, Alle spullen, animatie, onderschrift, kleuren, CSS3, effect, zweven, html5, speler, lint, linten, rol om, glijbaan, titel, video