How to Compress Animated GIF Files Without Losing Image Quality
Tag: animation
Categories
Origami
Origami
7 tips for designing awesome animated GIFs – InVision Blog
Card Expansion Effect with SVG clipPath | Codrops
Categories
Animated Opening Type | Codrops
Animated Opening Type | Codrops A tutorial on how to create an interesting animated 3D opening type effect with pseudo-elements, CSS transforms and transitions. The idea is based on Edenspiekermann’s Open Type project and it’s a very creative way to display and play with letters. VIEW DEMO DOWNLOAD SOURCE
Categories
Creative Loading Effects | Codrops
Creative Loading Effects | Codrops Some ideas and inspiration for loading effects on a website. VIEW DEMO DOWNLOAD SOURCE
Blueprint: On Scroll Effect Layout | Codrops An on scroll effect template that animates the sides of sections once they are in the viewport. VIEW DEMO DOWNLOAD SOURCE This Blueprint is a template for a on scroll effect layout. We’ve had some requests on how to achieve this effect of animating elements once they are in […]
Categories
Lugo Labs | loda button
Lugo Labs | loda button This simple jQuery plugin animates the button’s icon as the data are being fetched from the server. (Click on the buttons above for a demo – a timeout of 2 seconds imitates a server load).
Categories
Nifty Modal Window Effects | Codrops
Nifty Modal Window Effects | Codrops VIEW DEMO DOWNLOAD SOURCE Today we want to share some ideas for modal window effects with you. There are infinite possibilities for transitioning the appearance of a dialog box and we wanted to provide some ideas of how to show dialog boxes and provide some inspiration.
Examples of Pseudo-Elements Animations and Transitions | Codrops Some creative experiments that use animations and transitions on pseudo-elements to create interesting effects. VIEW DEMO DOWNLOAD SOURCE Today we are going to experiment with animations and transitions on pseudo-elements (:before and :after) and we are going to discover their potential. We will talk a bit about animating […]