49
22 Best CSS Animations for April 2019
, ,
  1. Full CSS3 Tooltip

    Full CSS3 Tooltip

    This item is mainly targeted to show some of the powerful contributions of CSS3. It uses several new CSS3 additions like transitions, transformations, opacity, shadows … Features Pure CSS3 Fully and easily customizable Tooltips can contain what you want (HTML, images …) Three themes are included (dark, light, blue) Very easy to use (please take a look at “How to use it” section to see how simple it is) Same render on unsupported browsers (only the animation is not displayed ; Look at the video to see the result in IE8) How to use it <a href=”#”>Link</a><span>Content of the tooltip with HTML</span> In this item, we use an “a” element associated with a “span” element, but you can use any of HTML elements (it is

    MORE INFO / DOWNLOAD
  2. Pure CSS - Animated Speaker

    Pure CSS - Animated Speaker

    The speaker The speaker was created to be easy to use. Only one single HTML element is needed. Just apply the diffrent classes for appearance and effects, and you are on your way. Pure CSS Scalable to any size Different appearances CSS animation Support FireFox 3.6+ Chrome 10+ Safari 5.1+ Opera 11.10+ IE10+ W3C standards are included. Please don’t forget to rate it! Enjoy…

    MORE INFO / DOWNLOAD
  3. CSS3 Image Lightbox

    CSS3 Image Lightbox

    Latest Version: First release CSS3 Image Lightbox is a collection of custom stylesheets used to display large images by using modal dialogs. Video previews Click here to see video preview Features Pure CSS + HTML For All Modern Browsers, Full Support For IE 7-8 Browsers By Simple jQuery Plugin, Prevent Load Large Images Before They Are Displayed (jQuery Plugin), Included PHP Class Creates Required HTML Markup Structure, Collection Of 6 Button Skins (Next, Previous, Close), Documentation Included. This Item is Supported Support is conducted through our Support Forum. We’re in GMT +1 and we aim to answer all questions within 24 hours in weekdays. In some cases the waiting time can be extended to 48 hours. Support requests sent dur

    MORE INFO / DOWNLOAD
  4. CSS3 Ribbon Pack

    CSS3 Ribbon Pack

    Check out the HD video preview here CSS3 Ribbon Pack features a large collection of ribbon styles that are regularly used in websites. You get Wrapping Ribbons, Hanging Ribbons and Banner Ribbons. All ribbon styles come in 4 colour variations and you get 116 ribbon styles in total! Key Features are: 12 Wrapping Ribbons styles 6 Hanging Ribbon styles 11 Banner Ribbon Styles 4 colour variations Pure CSS3, no images The ribbons have a very simple html mark-up and all the various ribbons styles are achieved by just adding a few class names. NOTE: These ribbons work best in modern CSS3 enabled browsers which include Firefox 4.0+, Chrome 10.0+, Safari 4.0+, Opera 11.10+ and IE9+. CSS3 PIE and javascript has be

    MORE INFO / DOWNLOAD
  5. Radio Star - Pure css3 radio and checkbox theme

    Radio Star - Pure css3 radio and checkbox theme

    Don’t you hate the same old boring radio and checkbox buttons? Radio Star is a re-imagined pure css3 styled radio and checkbox theme. Animated on click CSS3 Gradients Easy to modify

    MORE INFO / DOWNLOAD
  6. CSS3 Animated Link Buttons – Pure CSS3

    CSS3 Animated Link Buttons – Pure CSS3

    Pure CSS3 No Javascript CSS3 gradients 8 button colors 16 Animation Styles 184 Combinations Easy Configuration Link buttons Animate on mouse hover Radio and Checkbox buttons Animate when selected or unselected [NEW as of V1.1] - Change Log Version 1.1 June 6, 2014 --Version 1.1 adds a folder with modified versions of the original files. (Listed below) -animated-checkbox-radio-buttons/index.html -animated-checkbox-radio-buttons/animated-checkbox-radio.css

    MORE INFO / DOWNLOAD
  7. Radio Star 2 – Pure css3 radio and checkbox theme

    Radio Star 2 – Pure css3 radio and checkbox theme

    Don’t you hate the same old boring radio and checkbox buttons? Radio Star 2 is anther one of my re-imagined pure css3 styled radio and checkbox themes. This theme has 9 beautiful squares that are colored Red, Yellow and Green that appear once a radio or checkbox is active. Animated on click CSS3 Gradients Easy to modify

    MORE INFO / DOWNLOAD
  8. CSS3 Member Profiles with Animated Progress Bars

    CSS3 Member Profiles with Animated Progress Bars

    CSS3 Profiles is a clean and elegant way to highlight your team members. It comes with twelve different effects and nine different color schemes. All the effects are completely created with CSS3 and there are no images used for the animations. Features Twelve Styles Nine Color Schemes – Blue, Red, Orange, Green, Pink, Purple, Brown, Black/White and Violet Progress Bars Included – with hover effect / media querries Seven Social Icons Included Only CSS3 – No Javascripts involved Works in all browsers which supports CSS3 Google Fonts Enabled Compatible Browsers Internet Explorer 9+ Firefox Safari Opera Chrome If you like this, please rate…

    MORE INFO / DOWNLOAD
  9. 3D Text Effect - CSS3

    3D Text Effect - CSS3

    3D Text Effect – CSS3 Making such effect in CSS was never as simple as this. just write a class of the required effect to the text… That’s it! Features: Drop the shadow right or left 4 class are available according to the font size (200px, 150px, 100px, 50px) How it works? Other interesting Items Interactive World Maps Interactive Continent Maps Interactive US Maps Interactive Country Maps Individual US State Maps by Counties Recommended Graphic Items Other items we recommend – Available on GraphicRiver

    MORE INFO / DOWNLOAD
  10. Animated Loaders Themed KIT (Update)

    Animated Loaders Themed KIT (Update)

    Small collection of 8 CSS-only animated loaders. This kit stuff will save you a lot of time when creating websites! They’re really easy to use and have very nice interfaces. Enjoy! Advantages: - Easy to install on any site. - Supports all latest versions of browsers. - Easily customize yourself. - Responsive design. - Progressbar - Animation was created exclusively on one css, without using images, which reduces the load on the site and saves the user’s traffic. Update (09/10/14) -add 3 new loaders

    MORE INFO / DOWNLOAD
  11. VSPreloader - Ultimate CSS Animated Preloaders

    VSPreloader - Ultimate CSS Animated Preloaders

    Presenting the VSPreloader – hugest CSS preloaders library on CodeCanyon. We wanted to make the web smoother, that’s why we’ve created VSPreloader. What’s included: 30 elements. 40 presets. 60 helpers. We’ve used Less as CSS pre-processor Smart file structure. Configurable variables.. Handy mixins. Unlimited colors Interactive documentation We’ve written an incredibly detailed documentation, in addition to the commented code.

    MORE INFO / DOWNLOAD
  12. tFigure2 - Image Captions

    tFigure2 - Image Captions

    Second part of small collection of 5 CSS animated Image Captions. This kit stuff will save you a lot of time when creating websites! They’re really easy to use and have very nice interfaces. Enjoy! Advantages: - Easy to install on any site. - Supports all versions of browsers. - Easily customize yourself. tFigure 1:

    MORE INFO / DOWNLOAD
  13. Ayan. CSS3 Link Hover Effects

    Ayan. CSS3 Link Hover Effects

    Ayan – CSS3 Link Hover Effects are created using purely CSS3 and HTML. These Link hover effects are pretty much awesome and animated. We are using hover transitions and all the effects are modern and quite easy to used. To implement any specify link effect is so easy because all the code in CSS/HTML are well commented. It allow you just cut the piece of code and put into your website page and your are done. We included step by step guideline in documentation which help you get your lover effect and put into webiste. Features:- : 30 CSS3 Link Hover Effects : Modern Animation : Awesome Effects : Supber Easy to used : Help documentation : Pure CSS3 and HTML5 : Compatible for all Major Browsers : Help Documen

    MORE INFO / DOWNLOAD
  14. Animatia - CSS Image Hover Effects

    Animatia - CSS Image Hover Effects

    Introduction Pixel_Factory proudly presents Animatia as his first product. The aim of this product is to provide quality Image Hover Effects so that you may use them in your web projects and enhance the web experience of your users. Animatia contains different types of designs like button styles, overlay effects , image effects , details and captions. You can find them all together in one product. Styles Button Styles ( 26 ) Overlay Effects ( 31 ) Details Styles ( 32 ) Captions ( 18 ) Images Styles ( 6 ) Social Media Icons ( 4 ) and a lot of more in updates. Changelog ================================ v2.0 - AUG 12, 2015 ================================ - All effects are fully responsive now.

    MORE INFO / DOWNLOAD
  15. 50+ Pure CSS3 Preloaders

    50+ Pure CSS3 Preloaders

    Pure CSS3 preloaders with functionality to add “LOADING…” text below preloader. That is why it is a smoother, lightweight, faster and easy to use product which gives you nice and new kind of preloaders for your web page loading screen. It displays a loading animation until the browser fetched the whole web content of your web page. Easy installation Pure Css3 Preloaders 55 Preloaders Retina Friendly Easy to edit Help document included Free Updates Friendly Support AFTER PURCHASES, PLEASE GIVE REVIEW AND RATE IT – THANK YOU Changelog: Version 1.3 (16 April 2016) 1) Added a new Preloader 2) Improvement in documentation file help.html. Version 1.2 (7 January 2016) 1) Added a functionality to include

    MORE INFO / DOWNLOAD
  16. CSS Box and Text Shadows

    CSS Box and Text Shadows

    You can appreciate 40 styles shadows. All of these styles, anyone can apply in their work.

    MORE INFO / DOWNLOAD
  17. CSS Separators and Ribbons

    CSS Separators and Ribbons

    We offer you a package of separators and ribbons. 30 types of separators and 15 ribbons can be used in various themes. All this is done on a pure CSS. All work is responsive.

    MORE INFO / DOWNLOAD
  18. CSS3 Image Hover Effects

    CSS3 Image Hover Effects

    It includes 22 Different CSS3 Image Hover Effects, CSS3 Image Hover Effects is useful, valid, pure & clean css3 coded. Features: Browser Compatible Fully Responsive Mobile & Tablet Compatible Different Design Pure CSS3 Modern Design

    MORE INFO / DOWNLOAD
  19. CARD - CSS3 Portfolio Cards with Hover Effects

    CARD - CSS3 Portfolio Cards with Hover Effects

    CARD – CSS3 Portfolio Cards with Hover Effects will help you to make your web page profile cards hover effects even more prettier.This responsive library made in pure HTML5 and CSS3 and also easy to customize. File formats included html css Outside assets included -Font awesome css file The downloaded file will contains 1. index.html – Displays all hover effects 2. css folder – ontains basic css file and separate demo css file for each effects. 3. examples folder – Contains 10 portfolio card hover example html files with commented description which helps you to customize and create your own portfolio card. NOTE : The preview images does not available in the purchased content.

    MORE INFO / DOWNLOAD
  20. Typography Effect

    Typography Effect

    Typographic effects only use css, among them using properties for example data-paper3d is useful to give effect to the text, and among others use animation keyframes that you can set manually if you want text with enough amount. The use of property: before and after is pretty much in use, this is usually in use to provide additional effect on the text. For example the skew effect on paper3d If you correctly use this typography in the header, make sure the container has a relative position, because by default the position of the text is absolute in the middle To change the text you want to use, you just focus on one file that is style.maintenance.css, this is the uncompressed version Features Pure CSS 16 Effect CSS3 :before end :a

    MORE INFO / DOWNLOAD
  21. kttyeman - CSS3 Image Hover Effects

    kttyeman - CSS3 Image Hover Effects

    Limited Discount 25% off For The First 25 Buyer Overview kttyeman is a big collection of CSS3 Image Hover Effects which are suitable for any kind of Website. kttyeman has framework style combinations and only contains CSS3 and HTML5. kttyeman are created with the more style advanced features. With kttyeman you can include any image hover effect into your page very easy.. Browser Compatibility kttyeman is a big collection of CSS3 Image Hover Effects has been tested to work best with IE10+, latest versions of Mozilla Firefox, Google Chrome, Safari, Android and iOS mobile browsers. Features Easy and simple interface to use Pure CSS3 + HTML5 (no JavaScript and jQuery) Framework Image hover effects CSS3 transitions (hover effects) Respons

    MORE INFO / DOWNLOAD
  22. bequeen - CSS3 Image Hover Effects

    bequeen - CSS3 Image Hover Effects

    Limited Discount 25% off For The First 25 Buyer Overview Bequeen is a big collection of CSS3 Image Hover Effects which are suitable for any kind of Website. bequeen has framework style combinations and only contains CSS3 and HTML5. bequeen are created with the more style advanced features. With bequeen you can include any image hover effect into your page very easy.. Browser Compatibility. Bequeen is a big collection of CSS3 Image Hover Effects has been tested to work best with IE10+, latest versions of Mozilla Firefox, Google Chrome, Safari, Android and iOS mobile browsers. Features Easy and simple interface to use Pure CSS3 + HTML5 (no JavaScript and jQuery) Framework Image hover effects CSS3 transitions (hover effects) Respo

    MORE INFO / DOWNLOAD

Tags

Log in
Register