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

@de1wwsAbonniere den Feed um auf dem neuesten Stand zu bleiben!

Neu! Folge uns, wie Du es möchtest!


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Folgen Sie Envato

Folgen Sie mir und halten Sie ein Auge für HTML5-Video-Player in diesem Stil in Kürze!

Ribbon Wrap - viel mehr als ein Hover-Effekt

Sie schweben über dem Element, das Band gleitet hinter ihm und umschlingt. CSS Bänder schließlich zu bewegen.

Es gibt unendlich viele Möglichkeiten mit diesem CSS3-Tool. Es ist super einfach zu implementieren und hat viel der voreingestellten Farben und Arten (aber Customizing ist einfach!).

Achten Sie darauf, um den Video-Vorschau zu sehen, um zu verstehen, wie cool diese Sache ist!

Wofür kann ich es?

Artikelbezeichnung und Beschreibung der Bilder

Illustration Harry Tennant

Ribbon Wrap kann als eine schöne Hover-Effekt für die Bildbeschreibung, Bildnachweis, illustration Titel verwendet werden, oder was auch immer Sie sich vorstellen können!

Mischen Sie es mit Inhalt

Das erste, was zu erinnern, wenn sie versuchen cool, dass man cool. Hierzu werden die Nummer eins der Regel Tipps cool sein

Farbbandwickel kann wie in Inline-Element behandelt werden, um ein Teil der üblichen Inhaltsfluss sein oder können in einer Weise positioniert, um Inhalte zu bedecken, wenn es schwebte werden. Die Verwendung von statischen Modus Ribbon Wrap ist, kann es als eine "traditionelle" CSS Band ohne Animation behandelt werden.

Social Streifen

Social Media

Haben Sie einen Streifen von Social Media Icons gleiten über dem gewählten Element, wenn schwebte.

Werkzeugleiste

Tools

Tool-Stil-Ikonen können stattdessen verwendet werden. Es gibt sogar eine vertikale Einstellung.

Eigenschaften

  • Reine CSS3-Animationen
  • 8 Farbvariationen - Einfach zu Ihren eigenen zu machen!
  • 5 zusätzliche Arten, um mit Farben gehen
  • 3 Geschwindigkeiten
  • Super einfach Markup
  • Traumhaft stabil und flexibel - kann an fast jeder bereits bestehenden Entwurf hinzugefügt werden
  • Vermindert würdevoll in Browsern, die keine Unterstützung CSS3 Übergänge
  • Tiny Dateigröße, die Kern CSS-Datei ist nur 13.7kb!
  • Mit einem Satz von 19 Symbolen (in beiden dunkle und helle Varianten) sowie ein leeres Symbol verpackt
  • Schriftgrößen und Schriftarten, die von Ihren eigenen CSS rein bestimmt
  • CSS-Dateien in "Kern" (13.7kb) und "Farben" (48,5 kb) die ein einfacheres Dateigröße Optimierung aufgeteilt
  • Arbeitet automatisch mit einer beliebigen Breite - ideal für die reaktionsschnelle und Fluid-Layouts!
  • Fantastische Dokumentation, die 6 verschiedene vollständig kommentiertes Beispiel-Dateien (mit jeweils mehreren Beispielen) umfasst.

Browser-Unterstützung

  • Chrome: Vollzeichentrick
  • Safari: Vollzeichentrick
  • Firefox: Vollzeichentrick
  • Opera: Vollzeichentrick
  • IE8, IE9: Keine Animation, Bänder erscheinen sofort, wenn schwebte

Kompatibel mit Ribbon-Player

Dieser Artikel ist kompatibel mit Ribbon-Player, einem HTML5-Video-Player, der die gleiche Band Animation verwendet. Informationen, wie man kombinieren, sind in der Dokumentation der Ribbon-Player enthalten.

BigFat - Einzelne Seite Filterbare Portfolio HTML5

ILLUSTRATIC VIDEO

Stellen Sie sicher, dass Sie BigFat, meine HTML-Vorlage, die ähnlich wie Ribbon Wrap-Elemente verwendet. Bitte beachten Sie, dass diese beiden Elemente können nicht kombiniert werden.

Credits

Vorschau Credits

Template Credits

* Harry Tennant ist ein persönlicher Freund von mir und hat mir die Erlaubnis, seine Arbeit auf diese Weise zu verwenden angegeben.


Herunterladen
Weitere Komponenten in dieser KategorieAlle Komponenten dieses Autors
KommentareHäufige Fragen und Antworten

Eigenschaften

Erstellt:
8. Juni 12

Letzte Aktualisierung:
N / A

Unterstützte Browser:
IE8, IE9, Firefox, Safari, Opera, Chrome

Dateien enthalten:
HTML, CSS

Software Version:
CSS2, CSS3

Stichworte

eCommerce, eCommerce, Alle Elemente, Animation, Bildunterschrift, Farben, CSS3, Wirkung, schweben, HTML5, Spieler, Farbband, Schleifen, sich umdrehen, Dia, Titel, Video