Tag: animation · Page 31 of 38
10 years ago
Creative Gooey Effects with SVGToday we are going to show how to use SVG Filters to apply a gooey-like effect to HTML elements. We’ll first cover some basics of the technique and then we’ll demonstrate several creative use cases for common website elements, like menus, apps, selections, paginations and more.
10 years ago
Animatrix Images with jQuery & CSS3Animatrix Images allows you to easily enhance and animate your images with dots and lines. Animated images with a responsive layout and an easy WYSIWYG admin area editor of dots and lines are just a few of the capabilities of this plugin. You can create all types of animations, shapes, logos, or just progress bars and web elements. You can add dot titles, descriptions, links and even images and icons for each dot. Sizes of dots and animations of the pulse are also changeable in the admin area.
10 years ago
Playful Trampoline Effect with CSS3 & SVGToday we want to share a fun little effect with you. The idea is to simulate the bounciness of a trampoline when navigating the image stack. For the draggable image stack we are using the Elastic Stack. The SVG animations are done with the help of Snap.svg. We will also use CSS Transitions for all the effects.
10 years ago
jQuery Smooth Parallax ScrollSmooth parallax animations on vertical page scrolling using requestAnimationFrame and CSS3 3D transitions.
10 years ago
Boids.js : Javascript library allows you to Control BoidsA Javascript library allows you to control boids such as bird flock and fish school. This computer model of coordinated animal motion was designed by Craig Reynolds in 1986. This model consists of three simple rules which are separation, alignment and cohesion.
10 years ago
CSS effects for Notifications using Animate.cssThis tutorial is aimed to show you some very common CSS transitions used in development. I chose to illustrate this on notifications because i can use the both hidden and visible states of elements to display a broad range of animations.
10 years ago
Feature Presenter with jQueryFeature Presenter is a Javascript plugin that presents your features in a different way. Instead of showing features as a list, it presents them as a circular animation. Features are placed along a circular path. When a user clicks on a feature, the feature is revolved along the circle and shown to the user along with the feature description.
10 years ago
AnimatedModal.js : jQuery fullscreen modal with CSS3AnimatedModal.js is a jQuery plugin to create a fullscreen modal with CSS3 transitions. you can use the transitions by animate.css or create yourself their transitions.
10 years ago
Inspiration for Button Styles and Effects with CSS3A collection of fresh button styles and effects for your inspiration. We use CSS transitions and pseudo-elements for most of the effects.
