Tag: animation

Animated Opening Type | Codrops

Posted on by gleam

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

Blueprint: On Scroll Effect Layout | Codrops

Posted on by gleam

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…

Lugo Labs | loda button

Posted on by gleam

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).

Nifty Modal Window Effects | Codrops

Posted on by gleam

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

Posted on by gleam

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…