Free Codecanyon Ribbon Wrap - CSS3 Hover Animation theme download

FREE DOWNLOAD links for Ribbon Wrap - CSS3 Hover Animation is BELOW - click on the RED BUTTON. Logged-in users can see links to download above the main picture.

Category: Codecanyon | CSS
Tags: Themeforest | Blogging | nulled | free download | theme | script | rip | Ribbon | Wrap | CSS3 | Hover | Animation
In archive: 2016 | April 2016 | 21.April 2016


Codecanyon Ribbon Wrap - CSS3 Hover Animation free download

Buy this item



follow me

Follow me and keep an eye out for HTML5 video player in this style soon!

Ribbon Wrap – much more than a hover effect

You hover over the element, the ribbon slides out from behind it and wraps around. CSS ribbons finally move.

There are endless possibilities with this CSS3 tool. It’s super easy to implement and has plenty of preset colours and styles (but customising is simple!).

Make sure to view the video preview to fully understand how cool this thing is!

What can I use it for?Titles & descriptions of imagestitle and description

Ribbon Wrap can be used as a beautiful hover effect for image descriptions, photo credits, illustration titles, or whatever else you can think of!

Mix it in with contentribbon with content

Ribbon Wrap can be treated as in inline element to be part of the usual flow of content, or can be positioned in a way to cover content when it’s hovered.Using Ribbon Wrap’s static mode, it can be treated as a more “traditional” CSS ribbon without any animation.

Social stripsocial media

Have a strip of social media icons slide over your chosen element when hovered.

Tool striptools

Tool-style icons can be used instead. There’s even a vertical setting.

Features
  • Pure CSS3 animations
  • 8 colour variations – Easy to make your own!
  • 5 extra styles to go with colours
  • 3 speed settings
  • Super simple markup
  • Fantastically stable and flexible – Can be added to almost any pre-existing design
  • Degrades gracefully in browsers that don’t support CSS3 transitions
  • Tiny filesize, the core CSS file is only 13.7kb!
  • Packaged with a set of 19 icons (in both dark and light variations) plus a blank icon
  • Font sizes and fonts determined purely by your own CSS
  • CSS files split into “core” (13.7kb) and “colors” (48.5kb) allowing for easier filesize optimisation
  • Works automatically with any width – perfect for responsive and fluid layouts!
  • Fantastic documentation which includes 6 different fully commented example files (each containing multiple examples).
Browser Support
  • Chrome: Full Animation
  • Safari: Full Animation
  • Firefox: Full Animation
  • Opera: Full Animation
  • IE8 , IE9: No Animation, ribbons appear instantly when hovered
Compatible with Ribbon Player

This item is compatible with Ribbon Player, an HTML5 video player that uses the same ribbon animation. Details on how to combine are included in the documentation of Ribbon Player.

BigFat – Single Page Filterable Portfolio HTML5bigfat template

Make sure to check out BigFat, my HTML template which uses elements similar to Ribbon Wrap. Please note that these two items cannot be combined.

CreditsPreview Credits
  • Harry Tennant* – Illustrations used in examples.
Template Credits
  • Picons Social – Social media icons. Not packaged with complete set.
  • Iconic – Used for miscellaneous icons.
  • Ultimate CSS Gradient Editor – Used to generate all CSS3 gradients in ribbons.

* Harry Tennant is a personal friend of mine and has given me permission to use his work in this way.

Source: codecanyon.net
Report this item


Free download

Show FREE DOWNLOAD links



Related free downloads

Free download Codecanyon Narsis Cover, CSS3 Image Hover Animation Effect

Free Codecanyon Narsis Cover, CSS3 Image Hover Animation Effect theme download

Category: Codecanyon | JavaScript
Tags: Photodune | Misc | nulled | free download | theme | script | rip | Narsis | Cover, | CSS3 | Image | Hover | Animation | Effect
Archives: 2016 | April 2016 | 20.April 2016

Narsis cover is highly customizable CSS3 animation effects for image hover.These Animations is carefully designed with attention to the ...Authors :Support :Please feel free to email via our user page contact form.You maybe like our other work
Free download Codecanyon Different Image Hover Effects With Regular Hover Effects

Free Codecanyon Different Image Hover Effects With Regular Hover Effects theme download

Category: Codecanyon | WordPress
Tags: Codecanyon | WordPress | nulled | free download | theme | script | rip | Different | Image | Hover | Effects | with | Regular
Archives: 2016 | April 2016 | 20.April 2016

Image Effect-ii is a WordPress plugin for image hover effect. It has some different image hover effects including regular hover effects. It has...ng options by which you can create many different combinations of effects.
Free download Codecanyon Aero - CSS3 Hover Effects

Free Codecanyon Aero - CSS3 Hover Effects theme download

Category: Codecanyon | CSS
Tags: Graphicriver | ePublishing | nulled | free download | theme | script | rip | Aero | CSS3 | Hover | Effects
Archives: 2016 | April 2016 | 20.April 2016

CSS3 Hover Effects by Gleesik™It’s features are listed bellow.Full responsive.Easy to use.No Javascript for effec...work, feel free to get in touch if you need support, have questions or need a custom quote.www.gleesik.ro | Design of the future!
Free download Codecanyon Aero Pro - CSS3 Hover Effects

Free Codecanyon Aero Pro - CSS3 Hover Effects theme download

Category: Codecanyon | WordPress
Tags: Graphicriver | ePublishing | nulled | free download | theme | script | rip | Aero | Pro | CSS3 | Hover | Effects
Archives: 2016 | April 2016 | 20.April 2016

CSS3 Hover Effects by Gleesik™It’s features are listed bellow.Full responsive.Easy to use.No Javascript for effec...work, feel free to get in touch if you need support, have questions or need a custom quote.www.gleesik.ro | Design of the future!
Free download Codecanyon Ayan. CSS3 Link Hover Effects

Free Codecanyon Ayan. CSS3 Link Hover Effects theme download

Category: Codecanyon | CSS
Tags: Videohive | Add Ons | nulled | free download | theme | script | rip | Ayan. | CSS3 | Link | Hover | Effects
Archives: 2016 | April 2016 | 23.April 2016

Ayan – CSS3 Link Hover Effects are created using purely CSS3 and HTML. These Link hover effects are pretty much awesome and animated. We a... More EffectsFixed small bug15/01/2016 – Version 1.1Added 8 More Effects12/01/2016 – Version 1.0Initial release.


Free download Codecanyon CSS3 Image Hover Effects Vol.2

Free Codecanyon CSS3 Image Hover Effects Vol.2 theme download

Category: Codecanyon | CSS
Tags: 3d | Animated | Animations | Clean | CSS3 | Fade | Flip | hover effects | Hovers | Images | Shadows | Shapes | Slide | Transitions | Zoom | Codecanyon | CSS | nulled | free download | theme | script | rip | CSS3 | Image | Hover | Effects | Vol2
Archives: 2016 | May 2016 | 21.May 2016

After the success of my CSS3 Image Hover Effects, this new set of more advanced 14 effects contains a full range of awesome stuff...hat the pictures showed in the screenshots and in the video preview are not included in the package, you’ll get placeholders instead of them.
Free download Codecanyon CSS3 Image Hover Effects - Pure CSS

Free Codecanyon CSS3 Image Hover Effects - Pure CSS theme download

Category: Codecanyon | CSS
Tags: content hover | css3 hover | hover effects | image hover | layer hover | text hover | Codecanyon | CSS | nulled | free download | theme | script | rip | CSS3 | Image | Hover | Effects | Pure
Archives: 2016 | July 2016 | 10.July 2016

Updates03.12.2013 > Bugfix on CSS/HTMLCSS Hover Effects for ImagesEasy to use the beautiful Image Hover Effects for their... support border-radius, box shadow, transition-effect... more browser compatibility informations, look at the “Compatibility Screenshot”
Free download Codecanyon CSS3 Image Hover Effects

Free Codecanyon CSS3 Image Hover Effects theme download

Category: Codecanyon | CSS
Tags: Bootstrap | CSS | css hover | CSS3 | Effect | Effects | Hover | hover effects | HTML | image hover | image hover effect | Image hover effects | Responsive | Codecanyon | CSS | nulled | free download | theme | script | rip | CSS3 | Image | Hover | Effects
Archives: 2016 | September 2016 | 16.September 2016

It includes 22 Different CSS3 Image Hover Effects.CSS3 Image Hover Effects is useful, valid, pure & clean css3 coded.Features:Browser CompatibleFully ResponsiveMobile & Tablet CompatibleDifferent DesignPure CSS3Modern Design
Free download Codecanyon CSS3 Buttons Hover Effects and Social Media Icons

Free Codecanyon CSS3 Buttons Hover Effects and Social Media Icons theme download

Category: Codecanyon | CSS
Tags: Animations | button hover | CSS | css hover | CSS3 | Effects | Free | free buttons | hover effects | HTML | HTML5 | Icons | social icons | social media | Transitions | Codecanyon | CSS | nulled | free download | theme | script | rip | CSS3 | Buttons | Hover | Effects | Social | Media | Icons
Archives: 2017 | February 2017 | 13.February 2017

This Uneek item is bascially built with the help of CSS3 and HTML5. There is no java and jquery involved.NOTE:1. This item includes HTML a...ave been written besides the code make it easier to customize.5. No images are used.6. Documentation is also included in the package itself.

Login Free register

Search Free Themes Download

Free Themes Download Archives

  • Mon
  • Tue
  • Wed
  • Thu
  • Fri
  • Sat
  • Sun
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31