Home > Animation (page 2)

Animation

blurify – Tiny Library

blurify – Tiny Library

blurify.js is a tiny(~2kb) library to blurred pictures, support graceful downgrade from css mode to canvas mode. blurify(options) blurify the images with given options: images { Element }, blurify target elements. blur { Int }, extent of blur, defaulting to 6. mode { String }, mode of blurify. css: use …

Read More »

Unite Gallery – Responsive jQuery Gallery Plugin

Unite Gallery - Responsive jQuery Gallery Plugin

The Unite Gallery is multipurpose javascript gallery based on jquery library. It’s built with a modular technique with a lot of accent of ease of use and customization. It’s very easy to customize the gallery, changing it’s skin via css, and even writing your own theme. Yet this gallery is …

Read More »

Animated Weather Cards

Animated Weather Cards

Seamless animation between states, and some of animations break outside the container. Select the weather icons on the top to see each state. This is so cool Animated Weather Cards some rays for the sunny card… how to use in HTML: <div class=”background”> <div class=”container”> <svg id=”back”> <radialGradient id=”SVGID_1_” cx=”0″ …

Read More »

Movey Backgrounds Grid

Movey Backgrounds Grid

A moving background effect when hovering an image by using css and javascript. how to use in HTML: <div class=”box”> <div class=”image-wrap”> <div class=”image image-0″></div> </div> <div class=”border”></div> <div class=”text”> <span>Sugar plum</span> </div> </div> <div class=”box”> <div class=”image-wrap”> <div class=”image image-1″></div> </div> <div class=”border”></div> <div class=”text”> <span>apple pie</span> </div> </div> …

Read More »

Tilt.js – lightweight parallax tilt effect for jQuery

Tilt.js – lightweight parallax tilt effect for jQuery

A tiny requestAnimationFrame powered 60+fps lightweight parallax tilt effect for jQuery. Usage <!DOCTYPE html> <body> <div data-tilt></div> <!-- Tilt element --> <script src="jquery.js" ></script> <!-- Load jQuery first --> <script src="tilt.js"></script> <!-- Load Tilt.js library --> </body> Options maxTilt: 20, perspective: 1000, // Transform perspective, the lower the more extreme …

Read More »

pull-element – Smooth Animations In JavaScript

pull-element - Smooth Animations In JavaScript

pull-element is a native JavaScript library that implements the mobile app-style smooth pull/swipe animations on any dom objects. Powered by CSS3 transitions and transforms.   Updating to New Releases Create React App is divided into two packages: create-react-app is a global command-line utility that you use to create new projects. …

Read More »

Glowing.css – Glow Effect In Pure CSS/CSS3

Glowing.css – Glow Effect In Pure CSS/CSS3

A simple pure CSS to make PNG or anything glow! It can be applied to divs, texts, links, inputs, buttons, PNG image, and so on. You can use it and/or modify it freely according to your need. It’s originally created for my PokoPoko fun social media project. But then I considering …

Read More »

AnimusJS – Element Animations On Scroll

AnimusJS – Element Animations On Scroll

AnimusJS is the solution for combine JS and CSS animations. AnimusJS AnimusJS is the solution for combine JS and CSS animations. With AnimusJS, you can create animations Changing CSS Classes or using JavaScript Functions very easy! Live Example: http://codepen.io/soutomario/pen/akrwxp?editors=0010 First things first… npm install animusjs or git clone https://github.com/soutomario/animusjs.git After …

Read More »

Facebook Style GIF Player – gifsee.js

Facebook Style GIF Player – gifsee.js

A modern, vanilla JavaScript Facebook style gif previewer and loader is. Inspired by this jQuery plugin, just 2.8kb minified. For Modern Browsers Gifsee unapologetically uses modern JavaScript techniques, without transpiling them back to ES5. Gifsee uses Fetch, Arrow Functions, Calc and Promises. For old browsers using a Fetch Polyfill is …

Read More »

Christmas 3D : jQuery Site Decoration Plugin

Christmas 3D : jQuery Site Decoration Plugin

Christmas 3D is a premium multi-purpose jQuery library for smart, fast, modern and comfortable site decoration.There are over 15 different images, control of any speed and direction available for your choice! Christmas 3D are responsive to any site with natural and intuitive effects. It uses cutting edge technologies to provide …

Read More »